/* tokens.css
   Owner: all authored color values, spacing/typography primitives, and
   theme-scoped custom property overrides. No component selectors
   token blocks belong here. */

:root,
[data-theme="light"] {
    color-scheme: light;
}

[data-theme="dark"] {
    color-scheme: dark;
}

:root {
    --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-display: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    --primary: #17694c;
    --primary-strong: #0f4f39;
    --background: #f7f3ea;
    --surface: rgba(255, 252, 245, 0.9);
    --surface-strong: rgba(255, 252, 245, 0.98);
    --surface-border: rgba(55, 65, 54, 0.14);
    --surface-stroke: rgba(55, 65, 54, 0.06);
    --premium-border: 1px solid rgba(55, 65, 54, 0.12);
    --inner-glow: inset 0 1px 0 rgba(255, 252, 245, 0.92);
    --edge-highlight: inset 0 0 0 1px rgba(255, 252, 245, 0.35);
    --shadow-premium: 0 16px 40px -30px rgba(54, 63, 52, 0.34);
    --text-main: #141b16;
    --text-muted: #545f57;
    --text-soft: #657063;
    --input-bg: rgba(255, 252, 245, 0.96);
    --tab-bg: rgba(236, 230, 218, 0.92);
    --tab-active: #17694c;
    --card-secondary-bg: rgba(255, 252, 245, 0.92);
    --accent-glow: rgba(26, 127, 90, 0.16);
    --grid-color: rgba(26, 127, 90, 0.08);
    --warning-bg: rgba(184, 115, 51, 0.12);
    --surface-solid: #FFFCF5;
    --text-on-primary-soft: #f7fbf8;
    --text-on-active: #eff8f4;
    --print-background: #fff;
    --print-text: #000;
    --rating-star: #f6d365;
    --status-success-background: #D4F1E0;
    --status-success-background-soft: rgba(212, 241, 224, 0.7);
    --status-success-text: #1F5138;
    --status-success-text-dark: #DDF7E8;
    --status-success-surface-dark: rgba(31, 81, 56, 0.78);
    --status-danger-background: #FEF2F2;
    --status-danger-background-soft: rgba(190, 54, 54, 0.12);
    --nav-background-dark: rgba(10, 19, 15, 0.78);
    --hero-gradient-start-dark: rgba(12, 24, 18, 0.96);
    --hero-gradient-end-dark: rgba(20, 39, 31, 0.94);
    --input-focus-background-dark: rgba(16, 30, 23, 0.96);
    --input-inner-shadow: rgba(17, 24, 39, 0.08);
    --vignette-overlay: rgba(2, 12, 8, 0.12);
    --hero-highlight: rgba(216, 233, 223, 0.92);
    --hero-gradient-end: rgba(232, 240, 234, 0.9);
    --section-gradient-end: rgba(239, 233, 221, 0.92);
    --page-surface-soft: rgba(247, 243, 234, 0.72);
    --page-background-strong: rgba(247, 243, 234, 0.98);
    --surface-tint-faint: rgba(255, 252, 245, 0.04);
    --surface-tint-subtle: rgba(255, 252, 245, 0.12);
    --surface-tint-soft: rgba(255, 252, 245, 0.6);
    --surface-tint-quiet: rgba(255, 252, 245, 0.64);
    --surface-tint-card: rgba(255, 252, 245, 0.66);
    --surface-tint-nav: rgba(255, 252, 245, 0.72);
    --surface-tint-panel: rgba(255, 252, 245, 0.86);
    --surface-tint-hero: rgba(255, 252, 245, 0.88);
    --surface-tint-near-solid: rgba(255, 252, 245, 0.94);
    --interactive-tint-10: rgba(26, 127, 90, 0.1);
    --interactive-tint-12: rgba(26, 127, 90, 0.12);
    --interactive-tint-14: rgba(26, 127, 90, 0.14);
    --interactive-tint-16: rgba(26, 127, 90, 0.16);
    --interactive-tint-24: rgba(26, 127, 90, 0.24);
    --interactive-tint-28: rgba(26, 127, 90, 0.28);
    --interactive-tint-30: rgba(26, 127, 90, 0.3);
    --interactive-shadow-soft: rgba(26, 127, 90, 0.75);
    --interactive-shadow: rgba(26, 127, 90, 0.8);
    --interactive-shadow-strong: rgba(26, 127, 90, 0.9);
    --secondary-accent-glow: rgba(36, 105, 78, 0.12);
    --dark-accent-halo: rgba(47, 170, 124, 0.18);
    --focus-outline: rgba(47, 170, 124, 0.55);
    --dashboard-focus-outline: rgba(54, 183, 107, 0.24);
    --control-shadow-faint: rgba(54, 63, 52, 0.03);
    --control-shadow: rgba(54, 63, 52, 0.05);
    --section-shadow: rgba(54, 63, 52, 0.36);
    --nav-shadow: rgba(54, 63, 52, 0.42);
    --chart-text: #536057;
    --chart-grid: rgba(26, 127, 90, 0.08);
    --chart-primary: #17694C;
    --chart-primary-fill: rgba(23, 105, 76, 0.1);
    --chart-secondary: #C29A55;
    --chart-secondary-fill: rgba(194, 154, 85, 0.16);
    --chart-tooltip-background: rgba(15, 23, 42, 0.9);
}
[data-theme="dark"] {
    --background: #07110d;
    --surface: rgba(12, 24, 18, 0.8);
    --surface-strong: rgba(15, 28, 21, 0.92);
    --surface-border: rgba(216, 225, 217, 0.12);
    --surface-stroke: rgba(216, 225, 217, 0.04);
    --premium-border: 1px solid rgba(216, 225, 217, 0.12);
    --inner-glow: inset 0 1px 0 rgba(255, 252, 245, 0.04);
    --edge-highlight: inset 0 0 0 1px rgba(255, 252, 245, 0.03);
    --shadow-premium: 0 30px 80px -40px rgba(2, 12, 8, 0.75);
    --text-main: #eef5f0;
    --text-muted: #b4c4b9;
    --text-soft: #8aa193;
    --input-bg: rgba(16, 30, 23, 0.9);
    --tab-bg: rgba(26, 43, 34, 0.72);
    --tab-active: #2faa7c;
    --card-secondary-bg: rgba(14, 24, 20, 0.88);
    --grid-color: rgba(216, 225, 217, 0.08);
    --accent-glow: rgba(47, 170, 124, 0.16);
    --warning-bg: rgba(184, 115, 51, 0.18);
    --page-background-strong: rgba(7, 17, 13, 0.98);
    --status-danger-background: rgba(239, 68, 68, 0.16);
    --page-surface-soft: rgba(16, 30, 23, 0.72);
    --section-gradient-end: rgba(20, 39, 31, 0.92);
    --surface-tint-near-solid: rgba(12, 24, 18, 0.94);
    --chart-text: #f8fafc;
    --chart-grid: rgba(255, 252, 245, 0.08);
    --chart-primary: #4CC08F;
    --chart-primary-fill: rgba(76, 192, 143, 0.12);
    --chart-secondary: #D9B46C;
    --chart-secondary-fill: rgba(217, 180, 108, 0.14);
}
:root {
    --dash-primary: #17694C;
    --dash-primary-soft: #E2EEE6;
    --dash-secondary: #9B6A32;
    --dash-secondary-soft: #F2E8D9;
    --dash-danger: #EF4444;
    --dash-bg: #F7F3EA;
    --dash-surface: #FFFDF8;
    --dash-hover: #F2EDE3;
    --dash-border: #E0D8C9;
    --dash-border-light: #ECE6DA;
    --dash-heading: #182119;
    --dash-muted: #536057;
    --dash-subtle: #5F6A5D;
    --dash-radius: 12px;
    --dash-shadow: 0 1px 2px rgba(20, 27, 22, 0.05);
    --dash-shadow-raised: 0 1px 2px rgba(20, 27, 22, 0.04), 0 18px 40px -28px rgba(20, 27, 22, 0.28);
    --dash-result-surface: #10241B;
    --dash-result-text: #F7F3EA;
    --dash-result-muted: #AFC1B5;
    --dash-result-border: rgba(247, 243, 234, 0.12);
    --dash-result-accent: #D9B46C;
    --accent-gold: #9A7232;
    --accent-gold-soft: rgba(184, 137, 63, 0.14);
    --page-glow: rgba(23, 105, 76, 0.07);
    --button-highlight: rgba(255, 255, 255, 0.14);
    --input-hover-border: #CFC5B3;
    --range-track: #E3DCCE;
    --brand-mark-image: url("../favicon.svg");
    --rail-fade: linear-gradient(90deg, black 78%, transparent);
    --dash-primary-text: #17694C;
    --nav-surface: rgba(247, 243, 234, 0.88);
    --nav-border-scrolled: rgba(24, 33, 25, 0.12);
    --nav-shadow-scrolled: 0 12px 28px -24px rgba(54, 63, 52, 0.34);
    --drawer-backdrop: rgba(24, 33, 25, 0.42);
}
[data-theme="dark"] {
    --dash-bg: #0D1411;
    --dash-surface: #111A16;
    --dash-hover: #18231E;
    --dash-border: rgba(229, 231, 235, 0.12);
    --dash-border-light: rgba(229, 231, 235, 0.08);
    --dash-heading: #F9FAFB;
    --dash-muted: #CBD5E1;
    --dash-subtle: #94A3B8;
    --dash-shadow: 0 1px 2px rgba(2, 12, 8, 0.25);
    --dash-shadow-raised: 0 22px 52px -32px rgba(2, 12, 8, 0.72);
    --dash-result-surface: #DDEFE5;
    --dash-result-text: #10231A;
    --dash-result-muted: #476052;
    --dash-result-border: rgba(16, 35, 26, 0.14);
    --dash-result-accent: #8A6424;
    --accent-gold: #D9B46C;
    --accent-gold-soft: rgba(217, 180, 108, 0.16);
    --page-glow: rgba(47, 170, 124, 0.06);
    --button-highlight: rgba(255, 255, 255, 0.08);
    --input-hover-border: rgba(229, 231, 235, 0.24);
    --range-track: rgba(229, 231, 235, 0.14);
    --brand-mark-image: url("../favicon.svg");
    --dash-primary-text: #6FD3A6;
    --dash-primary-soft: rgba(111, 211, 166, 0.12);
    --nav-surface: rgba(13, 20, 17, 0.88);
    --nav-border-scrolled: rgba(249, 250, 251, 0.1);
    --nav-shadow-scrolled: 0 12px 30px -24px rgba(2, 12, 8, 0.62);
    --drawer-backdrop: rgba(2, 12, 8, 0.72);
}