/* ============================================================
   Colours — Tessellations. Dark-first: a lit crystal on a black
   plane. Source: the brand sheet (assets/brand-sheet.png) —
   champagne line, amber core, four accent options.
   ============================================================ */
:root {
  color-scheme: dark;

  /* ---- ground: slate-gray plane (was near-black; gold accents retained) ---- */
  --void: #1B1F26;
  --panel: #232830;
  --raised: #2C323B;
  --sunk: #171A20;
  --edge: #3A414C;
  --edge-strong: #4A525F;

  /* ---- light on the plane ---- */
  --ink: #F4EFE4;
  --ink-soft: #D6D0C4;
  --muted: #948E84;
  --faint: #5C584F;

  /* ---- the brand line ---- */
  --champagne: #F2DCB3;
  --champagne-deep: #D9BC85;
  --champagne-dim: #8A7856;
  --champagne-faint: #241F17;

  /* ---- the core: amber, what burns at the centre ---- */
  --amber: #D9821F;
  --amber-bright: #F0A03A;
  --amber-tint: #3A250C;
  --amber-faint: #1F1509;

  /* ---- accent (set by [data-accent]; gold is the default) ---- */
  --accent: var(--amber);
  --accent-bright: var(--amber-bright);
  --accent-tint: var(--amber-tint);
  --accent-faint: var(--amber-faint);
  --accent-on: #150C02;

  /* ---- glow: the mark is lit, never flat ---- */
  --glow-line: 0 0 18px rgba(242, 220, 179, 0.22);
  --glow-core: 0 0 22px rgba(217, 130, 31, 0.38);
  --glow-accent: 0 0 20px color-mix(in srgb, var(--accent) 34%, transparent);

  /* ---- status ---- */
  --positive: #43B37F;
  --positive-tint: #14291F;
  --caution: #D9A22B;
  --caution-tint: #2B2109;
  --critical: #E0574A;
  --critical-tint: #2E1512;

  /* ---- semantic aliases ---- */
  --bg-page: var(--void);
  --bg-sunk: var(--sunk);
  --surface-card: var(--panel);
  --surface-raised: var(--raised);
  --text-heading: var(--ink);
  --text-body: var(--ink-soft);
  --text-muted: var(--muted);
  --text-accent: var(--accent);
  --border-hairline: var(--edge);
  --border-input: var(--edge-strong);
  --focus-ring: color-mix(in srgb, var(--accent) 40%, transparent);

  /* ---- compatibility aliases (older surfaces still resolve) ---- */
  --paper: var(--void);
  --paper-sunk: var(--sunk);
  --surface: var(--panel);
  --teal: var(--accent);
  --teal-strong: var(--accent-bright);
  --teal-tint: var(--accent-tint);
  --teal-faint: var(--accent-faint);
  --verdigris: var(--accent);
  --verdigris-strong: var(--accent-bright);
  --verdigris-tint: var(--accent-tint);
  --verdigris-faint: var(--accent-faint);
  --sunset: var(--amber);
  --sunset-strong: var(--amber-bright);
  --slate: var(--champagne-dim);
  --steel: var(--piece-soft, #6A5C42);
  --alert: var(--critical);
  --alert-tint: var(--critical-tint);
}

/* ---- the four accent options ---- */
[data-accent="gold"]   { --accent: #D9821F; --accent-bright: #F0A03A; --accent-tint: #3A250C; --accent-faint: #1F1509; --accent-on: #150C02; }
[data-accent="cyan"]   { --accent: #35B6E8; --accent-bright: #6FD0F5; --accent-tint: #0D2E3D; --accent-faint: #081B24; --accent-on: #03151D; }
[data-accent="violet"] { --accent: #A855F7; --accent-bright: #C68DFF; --accent-tint: #2A1440; --accent-faint: #190C26; --accent-on: #12041E; }
[data-accent="silver"] { --accent: #CFD4DB; --accent-bright: #EDF0F4; --accent-tint: #23262B; --accent-faint: #14161A; --accent-on: #0B0C0E; }

/* ---- light ground: the same crystal drawn on paper ---- */
[data-theme="light"] {
  color-scheme: light;
  --void: #F6F2EA;
  --panel: #FFFFFF;
  --raised: #FFFFFF;
  --sunk: #EDE8DD;
  --edge: #E1DACD;
  --edge-strong: #CFC6B4;
  --ink: #17161B;
  --ink-soft: #35323A;
  --muted: #726C63;
  --faint: #A69E92;
  --champagne: #B08E4E;
  --champagne-deep: #8E7038;
  --champagne-dim: #C9B893;
  --champagne-faint: #F2E9D6;
  --amber: #B96612;
  --amber-bright: #D9821F;
  --amber-tint: #F7E4CD;
  --amber-faint: #FCF2E6;
  --glow-line: none; /* @kind other */
  --glow-core: none; /* @kind other */
  --glow-accent: none; /* @kind other */
  --positive: #2C8A5E;
  --positive-tint: #DCF0E6;
  --caution: #9A711A;
  --caution-tint: #F6EBD1;
  --critical: #B23F33;
  --critical-tint: #F7DFDB;
}
[data-theme="light"][data-accent="gold"],
[data-theme="light"] [data-accent="gold"]   { --accent: #B96612; --accent-bright: #D9821F; --accent-tint: #F7E4CD; --accent-faint: #FCF2E6; --accent-on: #FFF8F0; }
[data-theme="light"][data-accent="cyan"],
[data-theme="light"] [data-accent="cyan"]   { --accent: #1B7FA8; --accent-bright: #35B6E8; --accent-tint: #DCEEF7; --accent-faint: #EFF7FB; --accent-on: #F2FAFE; }
[data-theme="light"][data-accent="violet"],
[data-theme="light"] [data-accent="violet"] { --accent: #7C3AED; --accent-bright: #A855F7; --accent-tint: #EAE0FB; --accent-faint: #F5F0FE; --accent-on: #FBF7FF; }
[data-theme="light"][data-accent="silver"],
[data-theme="light"] [data-accent="silver"] { --accent: #5A6068; --accent-bright: #7C838C; --accent-tint: #E6E8EB; --accent-faint: #F2F3F5; --accent-on: #FFFFFF; }