/*
Theme Name: Monitee
Theme URI: https://monitee.app/
Author: Krillsson
Author URI: https://github.com/Krillsson
Description: Block theme for monitee.app — a technical marketing site whose design system is derived directly from the Monitee Android app. Light by default with a first-class dark theme, indigo accents, heavily rounded cards, Inter + JetBrains Mono. Ships block patterns for building a high-impact landing page in the block editor.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monitee
Tags: full-site-editing, block-patterns, dark-mode, one-column, custom-colors, custom-logo, custom-menu, editor-style, block-styles, wide-blocks, accessibility-ready
*/

/*
 * Design tokens live in theme.json.
 * Components and utilities live in assets/css/design-system.css.
 *
 * This file holds only what must ship as the canonical theme stylesheet:
 * a handful of resets that theme.json cannot express.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
}

/* Media inside a device frame is sized by the frame, not the intrinsic ratio. */
.mnt-device img {
	height: auto;
}

/* Let long host names, URLs and log paths wrap instead of blowing out layout. */
.mnt-mono,
code,
kbd,
samp {
	overflow-wrap: anywhere;
}

/* WordPress admin bar offset for the sticky header. */
.admin-bar .mnt-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .mnt-header {
		top: 46px;
	}
}