/* AMMANARC design tokens. One file, shared by the public page and the bundled app.

   Palette: navy for structure and primary actions, latte and cream for surfaces,
   coffee browns for secondary text and borders, terracotta (from the logo) as a
   small accent only. The app opens in dark (data-theme="dark"); light is the option.
   Contrast pairs are checked to WCAG 2.2 AA (text 4.5:1, large text and UI 3:1). */

:root {
  /* ---- Primitives (do not use directly in components; use the semantic names below) ---- */
  --navy-50: #EEF2F8;
  --navy-100: #E1E8F2;
  --navy-200: #C5D1E4;
  --navy-300: #8FA3C4;
  --navy-500: #2F4E85;
  --navy-600: #1F3A6E;
  --navy-700: #18305C;
  --navy-800: #13284D;
  --navy-900: #0F1F3D;
  --navy-950: #0B172E;

  --cream-50: #FFFDF9;
  --cream-100: #FBF8F2;
  --latte-100: #F5EFE6;
  --latte-200: #F1E8DA;
  --latte-300: #E8DCCB;
  --latte-400: #DCCCB6;
  --latte-500: #C9B69C;
  --mocha-400: #A08A70;
  --mocha-500: #8B6B4F;
  --mocha-600: #6E5A49;
  --espresso-700: #4A3C31;
  --espresso-800: #3B2A20;
  --espresso-900: #2B231D;

  --terra-300: #E8A184;
  --terra-500: #C4694A;
  --terra-700: #A44E30;

  --green-700: #3D6B50;
  --green-500: #5E8B6E;
  --ochre-700: #8A5F12;
  --ochre-500: #B48A3C;
  --rust-700: #A3402A;

  /* ---- Surfaces ---- */
  color-scheme: light;
  --bg: var(--cream-100);
  --surface: #FFFFFF;
  --surface-2: var(--latte-100);
  --surface-3: var(--latte-200);
  --sunken: var(--latte-100);
  --sidebar-bg: var(--latte-100);
  --topbar-bg: var(--cream-100);
  --overlay: rgba(15, 31, 61, .45);

  /* ---- Text ---- */
  --text: var(--espresso-900);
  --text-strong: var(--navy-800);
  --text-2: var(--espresso-700);
  --muted: var(--mocha-600);
  --placeholder: var(--mocha-600);
  --on-primary: #FFFFFF;

  /* ---- Lines ---- */
  --line: #E6DCCD;
  --line-soft: #EFE7DB;
  --line-strong: var(--mocha-400);

  /* ---- Action and brand ---- */
  --primary: var(--navy-600);
  --primary-hover: var(--navy-700);
  --primary-active: var(--navy-800);
  --primary-soft: var(--navy-50);
  --primary-soft-2: var(--navy-100);
  --link: var(--navy-600);
  --accent: var(--terra-500);
  --accent-text: var(--terra-700);
  --on-accent: #FFFFFF;
  --brown: var(--mocha-500);
  --hover: rgba(139, 107, 79, .08);
  --selected: var(--navy-50);
  --selection: rgba(31, 58, 110, .16);
  --focus: var(--navy-600);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus);

  /* ---- Status ---- */
  --ok: var(--green-700);
  --ok-bg: #E8EFE7;
  --ok-fill: var(--green-500);
  --warn: var(--ochre-700);
  --warn-bg: #F6ECD5;
  --warn-fill: var(--ochre-500);
  --bad: var(--rust-700);
  --bad-bg: #F7E5DD;
  --bad-fill: var(--terra-500);
  --info: var(--navy-600);
  --info-bg: var(--navy-50);
  --info-fill: var(--navy-500);
  --neutral-bg: var(--latte-200);
  --track: var(--latte-300);
  --danger: var(--rust-700);
  --danger-hover: #8A3522;

  /* ---- Charts (categorical order is fixed; navy leads) ---- */
  --chart-1: var(--navy-600);
  --chart-2: var(--mocha-500);
  --chart-3: var(--terra-500);
  --chart-4: var(--green-500);
  --chart-5: var(--ochre-500);
  --chart-6: #6F8FBF;
  --chart-7: #7A5A6E;
  --chart-8: #9AA7B8;
  --chart-grid: #ECE3D6;
  --chart-axis: var(--mocha-600);
  --chart-target: var(--mocha-400);
  --chart-soft: rgba(31, 58, 110, .12);

  /* ---- Maps (canvas renderer reads these) ---- */
  --map-water: #E3E9F0;
  --map-land: #F7F2E9;
  --map-line: #9C8A75;
  --map-low: #EFE6D8;
  --map-high: var(--navy-600);
  --map-heat: 164, 78, 48;
  --map-site: var(--terra-500);
  --map-activity: var(--ochre-500);
  --map-submission: var(--navy-500);
  --map-layer: var(--green-500);

  /* ---- Logo ---- */
  --logo-ring: var(--navy-600);
  --logo-bars: var(--navy-600);
  --logo-dot: var(--terra-500);
  --logo-word: #2F2C2A;
  --logo-tag: var(--terra-500);

  /* ---- Type ---- */
  --font-serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 22px;
  --fs-3xl: 28px;
  --fs-4xl: 36px;
  --fs-display: 48px;
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-body: 1.5;
  --tracking-caps: .06em;

  /* ---- Space (4 / 8 grid) ---- */
  --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;

  /* ---- Shape and depth ---- */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 1px rgba(43, 35, 29, .04);
  --shadow-sm: 0 1px 2px rgba(43, 35, 29, .06), 0 1px 1px rgba(43, 35, 29, .03);
  --shadow-pop: 0 12px 32px -12px rgba(15, 31, 61, .24), 0 2px 6px rgba(15, 31, 61, .06);

  /* ---- Layout ---- */
  --sidebar-w: 256px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --content-max: 1280px;
  --page-px: 32px;
  --control-h: 38px;
  --control-h-sm: 32px;
  --touch: 44px;
  --card-pad: 20px;
  --card-gap: 16px;
  --section-gap: 32px;
  --nav-item-h: 36px;

  /* ---- Motion ---- */
  --dur: 150ms;
  --dur-panel: 250ms;
  --ease: cubic-bezier(.2, 0, 0, 1);

  /* ---- Legacy names, mapped onto the tokens above so older rules follow the theme ---- */
  --fb-cream: var(--bg);
  --fb-paper: var(--surface);
  --fb-white: var(--surface);
  --fb-sidebar: var(--sidebar-bg);
  --fb-sand: var(--surface-3);
  --fb-sand2: var(--latte-300);
  --fb-track: var(--track);
  --fb-line: var(--line);
  --fb-line2: var(--line-strong);
  --fb-line-soft: var(--line-soft);
  --fb-on-strong: var(--on-primary);
  --fb-ink: var(--text);
  --fb-ink2: var(--text-2);
  --fb-mute: var(--muted);
  --fb-mute-aa: var(--muted);
  --fb-mute2: var(--muted);
  --fb-axis: var(--chart-axis);
  --fb-forest: var(--primary);
  --fb-forest2: var(--primary-hover);
  --fb-blue: var(--info);
  --fb-blueM: var(--chart-6);
  --fb-sage: var(--ok-fill);
  --fb-terra: var(--accent);
  --fb-terra-strong: var(--accent-text);
  --fb-ochre: var(--warn-fill);
  --fb-plum: var(--chart-7);
  --fb-slate: var(--chart-8);
  --fb-sageL: var(--ok-bg);
  --fb-sageXL: var(--hover);
  --fb-blueL: var(--info-bg);
  --fb-slateL: var(--surface-2);
  --fb-terraL: var(--bad-bg);
  --fb-terraXL: var(--bad-bg);
  --fb-ochreL: var(--warn-bg);
  --fb-plumL: var(--surface-2);
  --fb-sage-muted: var(--track);
  --fb-sage-muted2: var(--track);
  --fb-ok-ink: var(--ok);
  --fb-warn-ink: var(--warn);
  --fb-warn-ink-aa: var(--warn);
  --fb-bad-ink: var(--bad);
  --fb-count-alert-ink: var(--bad);
  --fb-sample-ink: var(--warn);
  --fb-note-ink: var(--warn);
  --fb-chart-grid: var(--chart-grid);
  --fb-chart-target: var(--chart-target);
  --fb-chart-tooltip-bg: var(--navy-900);
  --fb-chart-tooltip-mute: var(--latte-300);
  --fb-series-1: var(--chart-1);
  --fb-series-2: var(--chart-2);
  --fb-series-3: var(--chart-5);
  --fb-series-4: var(--chart-3);
  --fb-series-5: var(--chart-7);
  --fb-series-6: var(--chart-4);
  --fb-series-7: var(--chart-8);
  --fb-series-8: var(--chart-6);
  --fb-avatar-1: var(--navy-600);
  --fb-avatar-2: var(--terra-700);
  --fb-avatar-3: var(--navy-500);
  --fb-avatar-4: var(--mocha-600);
  --fb-avatar-5: #6B4E62;
  --fb-avatar-6: var(--green-700);
  --fb-avatar-7: #4F6786;
  --fb-avatar-8: var(--espresso-700);
  --fb-font-serif: var(--font-serif);
  --fb-font-sans: var(--font-sans);
  --fb-shadow-card: var(--shadow-sm);
  --fb-shadow-sm: var(--shadow-xs);
  --fb-shadow-float: var(--shadow-pop);
  --fb-shadow-btn-primary: none;
  --scroll-shadow: rgba(43, 35, 29, .14);
  --n0: var(--surface);
  --n1: var(--bg);
  --n2: var(--surface-3);
  --n3: var(--line);
  --n5: var(--muted);
  --n6: var(--text-2);
  --n7: var(--text);
  --forest: var(--primary);
  --deep: var(--primary-hover);
  --brand: var(--primary);
  --brand-strong: var(--primary-active);
  --brass: var(--accent);
  --brass-ink: var(--warn);
  --terra: var(--accent);
  --terracotta: var(--accent);
  --text-soft: var(--text-2);
  --text-muted: var(--muted);
  --border: var(--line);
  --surface-subtle: var(--surface-2);
  --wash: var(--surface-2);
  --bad-ink: var(--bad);
  --info-ink: var(--info);
  --success: var(--ok);
  --warning: var(--warn);
  --btn-bg: var(--primary);
  --btn-text: var(--on-primary);
  --btn-hover: var(--primary-hover);
  --danger-bg: var(--danger);
  --toast-bg: var(--navy-900);
  --toast-text: var(--cream-100);
  --chart-accent: var(--chart-1);
  --chart-accent-soft: var(--chart-soft);
  --chart-muted: var(--chart-4);
  --chart-muted-soft: rgba(94, 139, 110, .22);
  --chart-ink: var(--chart-axis);
  --shadow-card: var(--shadow-sm);
  --shadow-float: var(--shadow-pop);
  --serif: var(--font-serif);
  --sans: var(--font-sans);
  --mono: var(--font-sans);
  --code: var(--font-mono);
  --fs-1: var(--fs-xs);
  --fs-2: var(--fs-md);
  --fs-3: var(--fs-lg);
  --fs-4: var(--fs-xl);
  --fs-5: var(--fs-2xl);
  --fs-6: var(--fs-3xl);
  --fs-7: var(--fs-4xl);
  --fs-8: var(--fs-display);
  --fs-label: 11px;
  --s-1: var(--space-1);
  --s-2: var(--space-2);
  --s-3: var(--space-3);
  --s-4: var(--space-4);
  --s-5: var(--space-6);
  --s-6: var(--space-8);
  --s-7: var(--space-12);
  --s-8: var(--space-16);
  --r-data: var(--radius);
  --r-float: var(--radius-lg);
  --rail-width: var(--sidebar-w);
  --code-1: #7A5617;
  --code-1-tint: rgba(180, 138, 60, .18);
  --code-2: var(--green-700);
  --code-2-tint: rgba(94, 139, 110, .18);
  --code-3: var(--navy-500);
  --code-3-tint: rgba(47, 78, 133, .16);
  --code-4: var(--terra-700);
  --code-4-tint: rgba(196, 105, 74, .18);
  --code-5: var(--mocha-600);
  --code-5-tint: rgba(139, 107, 79, .18);
  --code-6: #6B4E62;
  --code-6-tint: rgba(122, 90, 110, .18);
  --code-7: #4D6429;
  --code-7-tint: rgba(77, 100, 41, .18);
  --code-8: #52606C;
  --code-8-tint: rgba(82, 96, 108, .18);
  --logo-mark-ink: var(--logo-ring);
  /* Public page names */
  --ink: var(--text);
  --bg-elev: var(--surface);
  --on-forest: var(--on-primary);
  --chip: var(--surface-3);
  --shadow: var(--shadow-pop);
  --meter: var(--track);
  --met: var(--ok);
  --near: var(--warn);
  --behind: var(--bad);
}

/* Dark is the app's default theme (Stage 2 redesign, 29 Oct 2026). Modelled on a clean
   hosting control panel: a near-black navy canvas, cards one step lighter, raised layers one
   more step, hairline borders, latte text and a soft blue action colour. Terracotta stays a
   small accent (active marker, focus details). Elevation is shown with lighter surfaces, not
   shadows. Pairs checked (WCAG formula): text #E9E4DA on surface #161F30 13.0:1; text-2
   #BAC3D3 on surface 9.3:1; muted #9AA5BA on surface 6.7:1 (5.4:1 on surface-3); primary
   #8FB0E0 on surface 7.4:1; on-primary #0B1424 on primary 8.3:1; control border #5B6B88 on
   surface 3.07:1. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0D131F;
  --surface: #161F30;
  --surface-2: #1B2639;
  --surface-3: #223047;
  --sunken: #111A29;
  --sidebar-bg: #111926;
  --topbar-bg: #0D131F;
  --overlay: rgba(3, 7, 15, .66);

  --text: #E9E4DA;
  --text-strong: #F6F2EA;
  --text-2: #BAC3D3;
  --muted: #9AA5BA;
  --placeholder: #8E99AE;
  --on-primary: #0B1424;

  --line: #253249;
  --line-soft: #1E293D;
  --line-strong: #5B6B88;

  --primary: #8FB0E0;
  --primary-hover: #A8C2EA;
  --primary-active: #7A9DD3;
  --primary-soft: #1D2A42;
  --primary-soft-2: #243552;
  --link: #9DBBE6;
  --accent: #E08A66;
  --accent-text: #EFA383;
  --on-accent: #1A0F0A;
  --brown: #C8A684;
  --hover: rgba(186, 195, 211, .07);
  --selected: rgba(143, 176, 224, .13);
  --selection: rgba(143, 176, 224, .26);
  --focus: #9DBBE6;

  --ok: #7DD3A8;
  --ok-bg: rgba(125, 211, 168, .13);
  --ok-fill: #4FAE80;
  --warn: #E8C064;
  --warn-bg: rgba(232, 192, 100, .13);
  --warn-fill: #C99B33;
  --bad: #F29A90;
  --bad-bg: rgba(242, 154, 144, .13);
  --bad-fill: #DE6F63;
  --info: #9DBBE6;
  --info-bg: rgba(143, 176, 224, .13);
  --info-fill: #6F93CC;
  --neutral-bg: #223047;
  --track: #26344D;
  --danger: #F29A90;
  --danger-hover: #F6B3AB;

  --chart-1: #8FB0E0;
  --chart-2: #C8A684;
  --chart-3: #E8A184;
  --chart-4: #7DD3A8;
  --chart-5: #E0BE73;
  --chart-6: #6F93CC;
  --chart-7: #CFA8C0;
  --chart-8: #9AA7B8;
  --chart-grid: #222E44;
  --chart-axis: #9AA5BA;
  --chart-target: #8F98A8;
  --chart-soft: rgba(143, 176, 224, .16);

  --map-water: #0A111C;
  --map-land: #18233A;
  --map-line: #5B6B88;
  --map-low: #1D2A42;
  --map-high: #C8A684;
  --map-heat: 232, 161, 132;
  --map-site: #E8A184;
  --map-activity: #E0BE73;
  --map-submission: #8FB0E0;
  --map-layer: #7DD3A8;

  --logo-ring: var(--latte-300);
  --logo-bars: var(--latte-300);
  --logo-dot: var(--terra-500);
  --logo-word: var(--cream-100);
  --logo-tag: var(--terra-300);

  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-card: none;
  --shadow-pop: 0 18px 44px -14px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .35);

  --fb-sand2: #243552;
  --fb-chart-tooltip-bg: var(--cream-100);
  --fb-chart-tooltip-mute: var(--espresso-700);
  --toast-bg: #E9E4DA;
  --toast-text: #0B1424;
  --scroll-shadow: rgba(0, 0, 0, .4);
  --chart-muted-soft: rgba(125, 211, 168, .22);
  --code-1: #E0BE73;
  --code-2: #9FD0AE;
  --code-3: #AFC4E6;
  --code-4: #F2A58A;
  --code-5: #D7B89A;
  --code-6: #D6B2CA;
  --code-7: #B7CC8A;
  --code-8: #B7C2CE;
}

/* ---- Desk design, 4 Nov 2026 (owner PDFs): paper canvas, deep green action, dark sidebar in
   both themes. Scoped to the signed-in desk so the public page keeps its palette.
   Warm paper canvas, white cards with soft 14px corners, deep green as the one action colour, uppercase table captions, pill
   chrome in the top bar and a deep green evidence band on Home. Scoped to the signed-in desk
   (:root:has(.app)) so the public page keeps its own palette. The sidebar keeps its layout and
   logo; in light it wears the dark control-panel palette, as the designs show.
   Light pairs (WCAG formula): text #141A24 on #F3F2ED 15.6:1; muted #5A616C on #F3F2ED 5.6:1,
   on #FFFFFF 6.3:1; primary #0F6B54 on #FFFFFF 6.5:1, #FFFFFF on primary 6.5:1; ok #0E6B4C on
   #DDF2E8 5.6:1; warn #835000 on #FDF0D5 6.0:1; bad #A8352A on #FBE3DF 5.4:1; info #5A3DB0 on
   #EDE8FA 6.4:1; control border #858B95 on #FFFFFF 3.4:1; hero kicker #A8E0CB on #0E5747 5.7:1. */


:root:has(.app):not([data-theme="dark"]) {
  --bg: #F3F2ED;
  --surface: #FFFFFF;
  --surface-2: #F7F6F2;
  --surface-3: #EEEDE7;
  --sunken: #F7F6F2;
  --topbar-bg: #F3F2ED;
  --overlay: rgba(12, 20, 35, .45);
  --text: #141A24;
  --text-strong: #0E131C;
  --text-2: #3D4450;
  --muted: #5A616C;
  --placeholder: #5A616C;
  --line: #E4E2DB;
  --line-soft: #EEECE6;
  --line-strong: #858B95;
  --primary: #0F6B54;
  --primary-hover: #0C5A47;
  --primary-active: #0A4B3B;
  --primary-soft: #E6F2ED;
  --primary-soft-2: #D5EAE1;
  --link: #0F6B54;
  --hover: rgba(20, 26, 36, .045);
  --selected: #E6F2ED;
  --selection: rgba(15, 107, 84, .18);
  --focus: #0F6B54;
  --ok: #0E6B4C; --ok-bg: #DDF2E8; --ok-fill: #0F6B54;
  --warn: #835000; --warn-bg: #FDF0D5; --warn-fill: #D48A2C;
  --bad: #A8352A; --bad-bg: #FBE3DF; --bad-fill: #C9483A;
  --info: #5A3DB0; --info-bg: #EDE8FA; --info-fill: #7B61D1;
  --neutral-bg: #ECEBE6;
  --track: #E8E6E0;
  --chart-1: #0F6B54; --chart-2: #3B64C8; --chart-3: #C9483A; --chart-4: #4FB38F;
  --chart-5: #D48A2C; --chart-6: #7B61D1; --chart-grid: #ECEAE4; --chart-axis: #5A616C;
  --chart-soft: rgba(15, 107, 84, .12);
  --toast-bg: #0C1423;
  --shadow-xs: 0 1px 1px rgba(12, 20, 35, .03);
  --shadow-sm: 0 1px 2px rgba(12, 20, 35, .05), 0 1px 1px rgba(12, 20, 35, .02);
  --fb-avatar-1: #0F6B54;
  --hero-from: #0B3F36; --hero-mid: #0E5747; --hero-to: #13705A;
  --on-hero: #FFFFFF; --on-hero-2: rgba(255, 255, 255, .86); --on-hero-3: rgba(255, 255, 255, .82); --hero-kicker: #A8E0CB;
  --hero-chip-bg: rgba(255, 255, 255, .07); --hero-chip-line: rgba(255, 255, 255, .14);
  --hero-chip-bg-hover: rgba(255, 255, 255, .12); --hero-chip-line-hover: rgba(255, 255, 255, .32);
  --hero-shadow: 0 10px 30px -16px rgba(11, 63, 54, .6);
  --tab-count-on: rgba(255, 255, 255, .18);
}
/* Dark keeps the Stage 2 palette, with the action colour moved to the design's green. */
:root[data-theme="dark"]:has(.app) {
  --primary: #6FCFAE;
  --primary-hover: #8ADBBE;
  --primary-active: #5BBE9C;
  --primary-soft: rgba(111, 207, 174, .12);
  --primary-soft-2: rgba(111, 207, 174, .2);
  --link: #7FD6B7;
  --focus: #7FD6B7;
  --selected: rgba(111, 207, 174, .12);
  --selection: rgba(111, 207, 174, .24);
  --on-primary: #06221A;
  --chart-1: #6FCFAE;
  --chart-soft: rgba(111, 207, 174, .16);
  --hero-from: #0F3A33; --hero-mid: #114B3F; --hero-to: #145B4B; --hero-shadow: none;
  --tab-count-on: rgba(0, 0, 0, .12);
}
:root:has(.app) {
  --on-hero: #FFFFFF; --on-hero-2: rgba(255, 255, 255, .86); --on-hero-3: rgba(255, 255, 255, .82); --hero-kicker: #A8E0CB;
  --hero-chip-bg: rgba(255, 255, 255, .07); --hero-chip-line: rgba(255, 255, 255, .14);
  --hero-chip-bg-hover: rgba(255, 255, 255, .12); --hero-chip-line-hover: rgba(255, 255, 255, .32);
  --radius: 10px; --radius-lg: 14px; --radius-xl: 16px; }

/* Sidebar: same structure and logo; the dark control-panel palette in both themes. */
:root:has(.app):not([data-theme="dark"]) .app > aside,
:root:has(.app):not([data-theme="dark"]) .app > aside .nav-rooms {
  color-scheme: dark;
  --sidebar-bg: #0C1423;
  --surface: #151E2F; --surface-2: #1B2639; --surface-3: #223047;
  --text: #E9E4DA; --text-strong: #F6F2EA; --text-2: #BAC3D3; --muted: #9AA5BA; --placeholder: #8E99AE;
  --line: #222E44; --line-soft: #1B2638; --line-strong: #5B6B88;
  --primary: #6FCFAE; --primary-hover: #8ADBBE; --primary-active: #5BBE9C; --on-primary: #06221A;
  --primary-soft: rgba(111, 207, 174, .12); --primary-soft-2: rgba(111, 207, 174, .2);
  --link: #7FD6B7; --focus: #7FD6B7;
  --hover: rgba(186, 195, 211, .07); --selected: rgba(186, 195, 211, .1);
  --ok: #7DD3A8; --ok-bg: rgba(125, 211, 168, .13); --warn: #E8C064; --warn-bg: rgba(232, 192, 100, .13);
  --bad: #F29A90; --bad-bg: rgba(242, 154, 144, .13); --accent: #E08A66; --accent-text: #EFA383;
  --logo-ring: var(--latte-300); --logo-bars: var(--latte-300); --logo-dot: var(--terra-500);
  --logo-word: var(--cream-100); --logo-tag: var(--terra-300);
  --shadow-pop: 0 18px 44px -14px rgba(0, 0, 0, .7);
}
:root:has(.app):not([data-theme="dark"]) .app > aside { border-inline-end-color: var(--sidebar-bg); }


@media print {
  :root, :root[data-theme="dark"] {
    color-scheme: light;
    --bg: #FFFFFF;
    --surface: #FFFFFF;
    --surface-2: #FFFFFF;
    --surface-3: #F4F4F4;
    --sidebar-bg: #FFFFFF;
    --text: #000000;
    --text-strong: #000000;
    --text-2: #222222;
    --muted: #444444;
    --line: #CCCCCC;
    --line-soft: #DDDDDD;
    --line-strong: #999999;
    --primary: #1F3A6E;
    --on-primary: #FFFFFF;
    --chart-1: #1F3A6E;
    --chart-4: #666666;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow-pop: none;
    --logo-ring: #1F3A6E;
    --logo-bars: #1F3A6E;
    --logo-word: #2B231D;
  }
}