/*
Theme Name: Motivio
Theme URI: https://motivio.net/
Author: Motivio
Author URI: https://motivio.net/
Description: A clean white & light-cream personal-growth theme for motivio.net. Includes a floating glass header with sliding-highlight navigation, a Tools mega menu with a live "today at a glance" dashboard, a Ctrl/⌘+K command palette, animated light/dark mode, a full-screen mobile drawer, and 10 built-in private browser tools (habit tracker, SMART goals, goal calculator, weekly planner, daily planner, focus timer, morning routine, mood tracker, journal, strengths reflection). Tool pages are created automatically on activation.
Version: 3.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motivio
Tags: blog, one-column, two-columns, custom-logo, custom-menu, featured-images, footer-widgets, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/* ---------- Design tokens: white & light cream ---------- */
:root,
[data-scheme="light"] {
	--bg: #fdfaf4;          /* light cream page */
	--bg-2: #f7f0e3;        /* deeper cream band */
	--paper: #ffffff;       /* white cards */
	--paper-2: #fffdf9;
	--ink: #2b2420;
	--ink-2: #4d443d;
	--muted: #857a70;
	--edge: #2b2420;        /* outlines */
	--line: #ece3d3;
	--line-2: #f3ecdf;
	--orange: #e8763a;      /* brand accent */
	--orange-2: #f2955f;
	--orange-dark: #b85520;
	--on-orange: #ffffff;
	--lime: #fbefdd;        /* (was lime) soft cream highlight */
	--lilac: #f6e6d8;       /* (was lilac) blush cream */
	--sun: #fdf1cf;         /* (was sun) butter cream */
	--sky: #eef1e6;
	--peach: #fde6d4;
	--cream: #fbf5ea;
	--green: #5b7d5f;
	--cat-goals: #fde0cc;
	--cat-focus: #fcefc8;
	--cat-reflection: #e8efdf;
	--cat-ink-goals: #b85520;
	--cat-ink-focus: #8a6510;
	--cat-ink-reflection: #4f6e52;
	--glass: rgba(255, 255, 255, .88);
	--glass-line: #ece3d3;
	--scrim: rgba(43, 36, 32, .22);
	--hard: 0 1px 2px rgba(80, 55, 30, .06), 0 8px 24px -10px rgba(80, 55, 30, .18);
	--hard-lg: 0 2px 4px rgba(80, 55, 30, .05), 0 24px 60px -24px rgba(80, 55, 30, .3);
	--shadow-sm: var(--hard);
	--shadow: var(--hard);
	--shadow-lg: var(--hard-lg);
	--ring: 0 0 0 4px rgba(232, 118, 58, .22);
	--font: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
	--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
	--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	--radius: 16px;
	--wrap: 1200px;
	--ease: cubic-bezier(.2, .8, .2, 1);
	--spring: cubic-bezier(.3, 1.4, .5, 1);
	color-scheme: light;
}

[data-scheme="dark"] {
	--bg: #141210;
	--bg-2: #1b1916;
	--paper: #201d19;
	--paper-2: #26221d;
	--ink: #f4efe4;
	--ink-2: #ddd5c6;
	--muted: #a79e90;
	--edge: #f4efe4;
	--line: #3b362f;
	--line-2: #2d2924;
	--orange: #f08a4f;
	--orange-2: #f5a274;
	--orange-dark: #f5a274;
	--peach: #3a221a;
	--cream: #1b1916;
	--green: #8fdca8;
	--cat-ink-goals: #ff8a63;
	--cat-ink-focus: #ffd23f;
	--cat-ink-reflection: #c9b8ff;
	--glass: rgba(32, 29, 25, .92);
	--scrim: rgba(0, 0, 0, .55);
	--hard: 0 8px 24px -10px rgba(0,0,0,.6);
	--hard-lg: 0 24px 60px -24px rgba(0,0,0,.8);
	--edge: #4a423a;
	--lime: #2c251d;
	--lilac: #2c2520;
	--sun: #2d281c;
	--cat-goals: #f08a4f;
	--cat-focus: #e8c46a;
	--cat-reflection: #a9c4a3;
	color-scheme: dark;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 110px; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font: 17px/1.6 var(--font);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}
body.mtv-locked { overflow: hidden; }
img, svg, video { max-width: 100%; height: auto; }
svg.mtv-icon { flex: none; }
a { color: var(--orange-dark); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--orange); }
h1, h2, h3, h4, h5, h6 { color: var(--ink); line-height: 1.18; letter-spacing: -.02em; margin: 1.6em 0 .55em; font-weight: 750; }
h1, h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -.025em; font-stretch: 88%; }
p { margin: 0 0 1.1em; }
hr { border: 0; border-top: 1px solid var(--line); margin: 2.5em 0; }
::selection { background: var(--peach); color: var(--ink); }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; border-radius: 6px; }
kbd { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus { clip: auto !important; clip-path: none; height: auto; width: auto; z-index: 100000; background: var(--paper); padding: 12px 16px; }

/* WordPress core classes */
.alignleft { float: left; margin: .3em 1.5em 1em 0; }
.alignright { float: right; margin: .3em 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption, .wp-block-image figcaption { color: var(--muted); font-size: .88rem; }
.wp-caption-text { color: var(--muted); font-size: .88rem; margin-top: .4em; }
.sticky { position: relative; }
.gallery-caption, .bypostauthor { display: block; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}