/* MOSS shared appearance tokens - the single source of the theme palette (scheme / colour / theme
   families) as CSS custom properties. Every MOSS app links this so a theme chosen in the account hub
   recolors the app: the shared chrome sets data-scheme / data-theme / data-colour on <html> and these
   :root rules supply the matching --bg / --card / --text / --accent / ... tokens the app already uses.
   Tokens ONLY - no component styles - so it never fights an app's own CSS or the shared chrome.css. */
:root {
  --bg: #0b1220;
  --card: #131f36;
  --card2: #182742;
  --line: #243455;
  --text: #e8eefc;
  --muted: #8fa0c2;
  --accent: #5eead4;
  --accent2: #818cf8;
  --onacc: #06101f;
  --gold1: #fbbf24;
  --gold2: #f59e0b;
  --gold-ink: #231a07;
  --gold-border: #d97706;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --radius: 18px;
  --radius-sm: 12px;
  --font:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica,
    Arial, sans-serif;
  color-scheme: dark;
}
:root[data-scheme="light"] {
  --bg: #f2f5fb;
  --card: #ffffff;
  --card2: #eef2fb;
  --line: #d7deee;
  --text: #13203a;
  --muted: #5a6b8c;
  --accent: #0d9488;
  --accent2: #4f46e5;
  --onacc: #ffffff;
  color-scheme: light;
}
:root[data-colour="sunset"] {
  --accent: #fb923c;
  --accent2: #f472b6;
}
:root[data-colour="forest"] {
  --accent: #4ade80;
  --accent2: #2dd4bf;
}
:root[data-colour="violet"] {
  --accent: #c4b5fd;
  --accent2: #e879f9;
}
:root[data-colour="slate"] {
  --accent: #cbd5e1;
  --accent2: #94a3b8;
}
:root[data-scheme="light"][data-colour="sunset"] {
  --accent: #ea580c;
  --accent2: #db2777;
}
:root[data-scheme="light"][data-colour="forest"] {
  --accent: #15803d;
  --accent2: #0f766e;
}
:root[data-scheme="light"][data-colour="violet"] {
  --accent: #7c3aed;
  --accent2: #c026d3;
}
:root[data-scheme="light"][data-colour="slate"] {
  --accent: #475569;
  --accent2: #334155;
}

/* ---- Theme families (palettes aligned with Forecast by MOSS, so a theme looks the same
   in every MOSS app). Each family sets a FULL palette (neutrals + accents + radius + font)
   so no Aurora value bleeds through; Aurora is the :root base + its colour/light rules above.
   Families bake in their own light/dark look, so they need no separate scheme rule. */
:root[data-theme="almanac"] {
  --bg: #ece2cf;
  --card: #fbf7ee;
  --card2: #f4ecda;
  --line: #ddd1b6;
  --text: #2b2416;
  --muted: #6b5e43;
  --accent: #1f6f54;
  --accent2: #1f6f54;
  --onacc: #ffffff;
  --shadow: none;
  --radius: 5px;
  --radius-sm: 4px;
  --font: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  color-scheme: light;
}
:root[data-theme="almanac"][data-colour="indigo"] {
  --bg: #e8e6db;
  --card: #f7f5ec;
  --card2: #eeebdd;
  --line: #d6d2c0;
  --text: #22252e;
  --muted: #5e6157;
  --accent: #2f4b7c;
  --accent2: #2f4b7c;
}
:root[data-theme="almanac"][data-colour="plum"] {
  --bg: #ece3d6;
  --card: #faf4ea;
  --card2: #f2e9db;
  --line: #ddd0bd;
  --text: #2b2320;
  --muted: #6b5e52;
  --accent: #6b3a63;
  --accent2: #6b3a63;
}
:root[data-theme="almanac"][data-colour="night"] {
  --bg: #211c15;
  --card: #2a2419;
  --card2: #322a1d;
  --line: #453a2a;
  --text: #efe4cc;
  --muted: #a89a7c;
  --accent: #c7a24a;
  --accent2: #c7a24a;
  --onacc: #211c15;
  color-scheme: dark;
}
:root[data-theme="terminal"] {
  --bg: #0b0f0e;
  --card: #111816;
  --card2: #172220;
  --line: #243430;
  --text: #d6e2dc;
  --muted: #6f8379;
  --accent: #36d07f;
  --accent2: #36d07f;
  --onacc: #06130d;
  --shadow: none;
  --radius: 4px;
  --radius-sm: 3px;
  --font: "SF Mono", "JetBrains Mono", Consolas, ui-monospace, monospace;
  color-scheme: dark;
}
:root[data-theme="studio"] {
  --bg: #f5f7fa;
  --card: #ffffff;
  --card2: #f1f4f8;
  --line: #e5e9f0;
  --text: #1a2230;
  --muted: #6a7688;
  --accent: #2d4de0;
  --accent2: #2d4de0;
  --onacc: #ffffff;
  --shadow: 0 1px 2px rgba(20, 30, 60, 0.06), 0 2px 10px rgba(20, 30, 60, 0.05);
  --radius: 12px;
  --radius-sm: 9px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}
:root[data-theme="blueprint"] {
  --bg: #0d2440;
  --card: #10325a;
  --card2: #0f2b4d;
  --line: #1f4a7a;
  --text: #dce9f7;
  --muted: #7fa3cc;
  --accent: #4fd0e0;
  --accent2: #4fd0e0;
  --onacc: #06121f;
  --shadow: none;
  --radius: 3px;
  --radius-sm: 2px;
  --font: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  color-scheme: dark;
}
:root[data-theme="clay"] {
  --bg: #e8ebf1;
  --card: #eef1f7;
  --card2: #e3e7ef;
  --line: #d6dbe6;
  --text: #2a3242;
  --muted: #6c758a;
  --accent: #6c74f0;
  --accent2: #6c74f0;
  --onacc: #ffffff;
  --shadow:
    -5px -5px 12px rgba(255, 255, 255, 0.8), 5px 5px 14px rgba(40, 50, 80, 0.13);
  --radius: 18px;
  --radius-sm: 14px;
  --font: "Nunito", "Quicksand", system-ui, -apple-system, sans-serif;
  color-scheme: light;
}
:root[data-theme="noir"] {
  --bg: #f7f5f0;
  --card: #ffffff;
  --card2: #f1efe9;
  --line: #141414;
  --text: #141414;
  --muted: #5a5a5a;
  --accent: #141414;
  --accent2: #141414;
  --onacc: #ffffff;
  --shadow: none;
  --radius: 0px;
  --radius-sm: 0px;
  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
:root[data-theme="carbon"] {
  --bg: #15171a;
  --card: #1d2024;
  --card2: #24282d;
  --line: #31363d;
  --text: #e4e6e9;
  --muted: #8b929b;
  --accent: #6ea8fe;
  --accent2: #6ea8fe;
  --onacc: #0c1016;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --radius: 8px;
  --radius-sm: 6px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: dark;
}