/* All browser palette values live here. Component CSS uses semantic roles. */
:root,[data-theme=light]{color-scheme:light;--brand-logo-bg:#fffcf6;--mission-card-bg:rgba(255,252,246,.92);--bg:#f6f7f4;--surface-1:#ffffff;--surface-2:#eef1ec;--surface-3:#e2e7df;--border:#d8e1e9;--border-strong:#8394a7;--text-1:#172436;--text-2:#42546a;--text-3:#596c82;--brand:#3d6658;--brand-hover:#2d5044;--on-brand:#ffffff;--selected-bg:#e4f3ec;--border-brand:#6aab8f;--success:#166534;--success-bg:#e5f5e9;--warning:#88460a;--warning-bg:#fff2d9;--error:#b42318;--error-bg:#fff0ee;--info:#1d4ed8;--info-bg:#eaf0ff;--focus-ring:#3d6658;--overlay:rgba(10,18,30,.55);--shadow-color:rgba(16,24,40,.12);--e1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--e2:0 6px 14px -4px rgba(16,24,40,.12),0 2px 6px -2px rgba(16,24,40,.06);--e3:0 18px 36px -10px rgba(16,24,40,.20),0 6px 14px -6px rgba(16,24,40,.10);--e4:0 24px 48px -12px rgba(16,24,40,.28);--glow:0 8px 20px -6px rgba(36,108,83,.45)}
[data-theme=dark]{color-scheme:dark;--mission-card-bg:rgba(32,41,39,.92);--bg:#171e1d;--surface-1:#202927;--surface-2:#293431;--surface-3:#2c3f55;--border:#35465b;--border-strong:#71879e;--text-1:#e8eef5;--text-2:#bbc9d8;--text-3:#a1b4c8;--brand:#a0c5b4;--brand-hover:#bad8c9;--on-brand:#102c22;--selected-bg:#203f36;--border-brand:#5fac8b;--success:#8fe0a8;--success-bg:#203c2d;--warning:#f3c47c;--warning-bg:#433522;--error:#ffaaa1;--error-bg:#472d31;--info:#a6c4ff;--info-bg:#243957;--focus-ring:#8fe6be;--overlay:rgba(6,13,23,.72);--shadow-color:rgba(6,13,23,.16);--e1:0 0 0 1px rgba(230,240,255,.08);--e2:0 0 0 1px rgba(230,240,255,.12);--e3:0 0 0 1px rgba(114,217,173,.3),0 8px 24px rgba(114,217,173,.08);--e4:0 0 0 1px rgba(230,240,255,.12);--glow:0 0 20px rgba(114,217,173,.16)}
 :root {
 --neutral-50:#f6f7f4;--neutral-100:#eef1ec;--neutral-200:#d8e1e9;--neutral-300:#aab9c8;--neutral-400:#8394a7;--neutral-500:#596c82;--neutral-600:#42546a;--neutral-700:#35465b;--neutral-800:#293431;--neutral-900:#172436;
 --brand-50:#effaf4;--brand-100:#e4f3ec;--brand-200:#bce8d3;--brand-300:#91d9b7;--brand-400:#6aab8f;--brand-500:#3f8b6b;--brand-600:#3d6658;--brand-700:#2d5044;--brand-800:#164431;--brand-900:#102c22;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
 --caption:12px;--caption-line:16px;--meta:13px;--meta-line:20px;--admin-body:14px;--admin-line:22px;--student-body:16px;--student-line:26px;--text-lg:18px;--line-lg:28px;--text-xl:20px;--line-xl:28px;--text-2xl:24px;--line-2xl:32px;--text-3xl:30px;--line-3xl:38px;--text-4xl:36px;--line-4xl:44px;
 --weight-body:400;--weight-label:500;--weight-heading:600;--weight-title:700;
 --radius-control:8px;--radius-card:12px;--radius-dialog:16px;--radius-pill:999px;--panel-radius:var(--radius-card);--control-size:44px;
 --width-reading:720px;--width-standard:1200px;--width-admin:1440px;--header-height:64px;
 --z-sticky:100;--z-dropdown:200;--z-drawer:300;--z-modal:400;--z-toast:500;--z-tooltip:600;
 --fast:150ms;--base:200ms;--slow:200ms;--dur-expressive:200ms;--dur-long:200ms;--ease:cubic-bezier(.4,0,.2,1);--out:cubic-bezier(.22,1,.36,1);
 --space:24px;--display:'Learning Sans','Noto Sans Devanagari','Kohinoor Devanagari','Noto Nastaliq Urdu',system-ui,sans-serif;--body:var(--display);
 --focus-soft:color-mix(in srgb,var(--focus-ring) 25%,transparent);--error-soft:color-mix(in srgb,var(--error) 25%,transparent);--hover-surface:color-mix(in srgb,var(--brand) 5%,var(--surface-1));
}
@media print{html[data-theme]{color-scheme:light;--bg:#fff;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--text-1:#172436;--text-2:#42546a;--text-3:#596c82;--brand:#3d6658;--brand-hover:#2d5044;--on-brand:#fff;--border:#cbd5e1;--selected-bg:#e4f3ec}}

@media(max-width:767px){:root{--header-height:56px}}