/* Shared Personal OS palette, including the standalone anatomy atlas. */
:root {
  --bg: #0a0a0a;
  --bg-cream: #111111;
  --bg-cream-2: #161616;
  --card: #181818;
  --card-hover: #222222;
  --surface: rgba(24, 24, 24, 0.88);
  --paper: #111111;
  --border: #262626;
  --border-strong: #3a3a3a;
  --ink: #f0e8d8;
  --ink-2: #ffffff;
  --muted: #98a8b3;
  --muted-2: #6b7d89;
  --primary: #3fb2c9;
  --primary-hover: #5cc4d8;
  --primary-bright: #7cd5e6;
  --primary-soft: rgba(63, 178, 201, 0.12);
  --primary-ink: #a8e2ee;
  --primary-rgb: 63, 178, 201;
  --theme-logo: var(--primary-ink);
  --prescription-bg: #161616;
  --prescription-surface: #181818;
  --prescription-border: #303030;
  --accent: #f5c451;
  --accent-ink: #fbd57a;
  --green: #22c55e;
  --orange: #f97316;
  --blue: #a8e2ee;
  --amber: #f5c451;
  --paused: #a78bfa;
  --red: #f87171;
  --calendar-training-accent: #a8e2ee;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.32);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.38);
  --side-bg: rgba(10, 10, 10, 0.96);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
  --font-display: 'Outfit', 'Albert Sans', system-ui, sans-serif;
  --font-sans: 'Albert Sans', 'Verdana', system-ui, sans-serif;
  --font-mono: 'Fira Code', 'Courier New', ui-monospace, monospace;
}
html[data-theme="light"] {
  color-scheme: light;
  --bg: #faf9f5;
  --bg-cream: #fff7ed;
  --bg-cream-2: #f8ecdc;
  --card: #f0e8d8;
  --card-hover: #e8ddd0;
  --surface: rgba(255, 247, 237, 0.94);
  --paper: var(--bg-cream);
  --border: #e7d8c8;
  --border-strong: #cfb797;
  --ink: #292524;
  --ink-2: #1c1917;
  --muted: #57534e;
  --muted-2: #6b625b;
  --primary: #9a5800;
  --primary-hover: #754200;
  --primary-bright: #8b4f00;
  --primary-soft: rgba(154, 88, 0, 0.12);
  --primary-ink: #6b3c00;
  --primary-rgb: 154, 88, 0;
  --theme-logo: var(--primary);
  --prescription-bg: var(--bg-cream);
  --prescription-surface: var(--bg);
  --prescription-border: var(--border);
  --accent: #efaf5d;
  --accent-ink: #6b3c00;
  --green: #15803d;
  --blue: #bfdbfe;
  --amber: #efaf5d;
  --paused: #6d28d9;
  --red: #991b1b;
  --calendar-training-accent: #bfdbfe;
  --shadow-sm: 0 2px 6px rgba(23, 23, 23, 0.08);
  --shadow-md: 0 8px 24px rgba(23, 23, 23, 0.12);
  --side-bg: rgba(255, 247, 237, 0.94);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
}
html[data-theme="light-green"] {
  color-scheme: light;
  --bg: #f7f9f5;
  --bg-cream: #f0f5ec;
  --bg-cream-2: #e5eee0;
  --card: #e2ebdc;
  --card-hover: #d6e2cf;
  --surface: rgba(240, 245, 236, 0.94);
  --paper: var(--bg-cream);
  --border: #d5e0cd;
  --border-strong: #a9bd9c;
  --ink: #1e2b22;
  --ink-2: #131d16;
  --muted: #4d5a50;
  --muted-2: #5d6a60;
  --primary: #1f6b5c;
  --primary-hover: #17544a;
  --primary-bright: #2a8373;
  --primary-soft: rgba(31, 107, 92, 0.12);
  --primary-ink: #14493f;
  --primary-rgb: 31, 107, 92;
  --theme-logo: var(--primary);
  --prescription-bg: var(--bg-cream);
  --prescription-surface: var(--bg);
  --prescription-border: var(--border);
  --accent: #e0a94f;
  --accent-ink: #5c4210;
  --green: #3f7b16;
  --blue: #bfdbfe;
  --amber: #e0a94f;
  --paused: #6d28d9;
  --red: #991b1b;
  --calendar-training-accent: #bfdbfe;
  --shadow-sm: 0 2px 6px rgba(20, 40, 28, 0.07);
  --shadow-md: 0 8px 24px rgba(20, 40, 28, 0.11);
  --side-bg: rgba(240, 245, 236, 0.94);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
}
html[data-theme="light-pink"] {
  color-scheme: light;
  --bg: #fbf8f9;
  --bg-cream: #fcf2f5;
  --bg-cream-2: #f6e6ec;
  --card: #f2e2e8;
  --card-hover: #ead5de;
  --surface: rgba(252, 242, 245, 0.94);
  --paper: var(--bg-cream);
  --border: #ecd8e0;
  --border-strong: #d0a7b8;
  --ink: #2c2127;
  --ink-2: #1e1519;
  --muted: #5e4f57;
  --muted-2: #6e5e66;
  --primary: #8e3563;
  --primary-hover: #722a4f;
  --primary-bright: #a8447a;
  --primary-soft: rgba(142, 53, 99, 0.12);
  --primary-ink: #5f2242;
  --primary-rgb: 142, 53, 99;
  --theme-logo: var(--primary);
  --prescription-bg: var(--bg-cream);
  --prescription-surface: var(--bg);
  --prescription-border: var(--border);
  --accent: #e8a45c;
  --accent-ink: #6b3a12;
  --green: #15803d;
  --blue: #bfdbfe;
  --amber: #e8a45c;
  --paused: #6d28d9;
  --red: #b42318;
  --calendar-training-accent: #bfdbfe;
  --shadow-sm: 0 2px 6px rgba(60, 20, 40, 0.07);
  --shadow-md: 0 8px 24px rgba(60, 20, 40, 0.11);
  --side-bg: rgba(252, 242, 245, 0.94);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
}
html[data-theme="paper"] {
  color-scheme: dark;
  --bg: #191919;
  --bg-cream: #191919;
  --bg-cream-2: #202020;
  --card: #202020;
  --card-hover: #2a2a2a;
  --surface: rgba(32, 32, 32, 0.94);
  --paper: #191919;
  --border: #2f2f2f;
  --border-strong: #3e3e3e;
  --ink: #e3e2e0;
  --ink-2: #ffffff;
  --muted: #9b9b9b;
  --muted-2: #7d7d7d;
  --primary: #ebebea;
  --primary-hover: #ffffff;
  --primary-bright: #ffffff;
  --primary-soft: rgba(255, 255, 255, 0.06);
  --primary-ink: #f5f5f4;
  --primary-rgb: 235, 235, 234;
  --theme-logo: var(--primary-ink);
  --prescription-bg: #202020;
  --prescription-surface: #191919;
  --prescription-border: #2f2f2f;
  --accent: #ca9849;
  --accent-ink: #dfab5c;
  --green: #529e72;
  --orange: #c77d48;
  --blue: #379ad3;
  --amber: #ca9849;
  --paused: #9d68d3;
  --red: #df5452;
  --calendar-training-accent: #379ad3;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.32);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.38);
  --side-bg: rgba(25, 25, 25, 0.96);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
}

html[data-theme="paper-light"] {
  color-scheme: light;
  --bg: #ffffff;
  --bg-cream: #ffffff;
  --bg-cream-2: #f7f7f5;
  --card: #f7f7f5;
  --card-hover: #efefed;
  --surface: rgba(255, 255, 255, 0.94);
  --paper: #ffffff;
  --border: #e9e9e7;
  --border-strong: #d3d3d1;
  --ink: #252525;
  --ink-2: #111111;
  --muted: #6b6b6b;
  --muted-2: #767674;
  --primary: #191919;
  --primary-hover: #000000;
  --primary-bright: #000000;
  --primary-soft: rgba(0, 0, 0, 0.04);
  --primary-ink: #111111;
  --primary-rgb: 25, 25, 25;
  --theme-logo: var(--primary);
  --prescription-bg: #f7f7f5;
  --prescription-surface: #ffffff;
  --prescription-border: #e9e9e7;
  --accent: #cb912f;
  --accent-ink: #7a5414;
  --green: #448361;
  --orange: #d9730d;
  --blue: #d3e5ef;
  --amber: #cb912f;
  --paused: #9065b0;
  --red: #d44c47;
  --calendar-training-accent: #d3e5ef;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
  --side-bg: rgba(255, 255, 255, 0.96);
  --page-backdrop: var(--bg);
  --page-backdrop-size: auto;
}

/* All pages inherit neutral surfaces; classic HYROX keeps the palette above. */
html[data-page-style="minimalistic"] {
  --bg: var(--bg-cream);
  --paper: var(--bg-cream);
  --surface: var(--bg-cream);
  --card: var(--bg-cream);
  --side-bg: var(--bg-cream);
  --page-backdrop: var(--bg-cream);
  --primary-soft: color-mix(in srgb, var(--primary) 8%, var(--bg-cream));
  --card-hover: var(--primary-soft);
  --border: color-mix(in srgb, var(--ink) 18%, var(--bg-cream));
  --border-strong: color-mix(in srgb, var(--ink) 28%, var(--bg-cream));
  --settings-surface: var(--bg-cream);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}