/*
 * ILELAN style tokens: the colours in the style guide §3, and the website's only source of
 * colour. Every other stylesheet, inline style and script reads var(--name); alpha variants use
 * color-mix() on these. The game keeps the same table in its src/tokens.ts
 * (`npm run check:tokens` there compares the two). Change a value in both places or in neither.
 */
:root {
  /* Base (90% of every screen) */
  --void: #020202;        /* sky, page background, deepest shadow */
  --onyx: #110D0A;        /* black marble, panels, UI surfaces */
  --bronze-deep: #2A2015; /* dark bronze metal, frames, borders at rest */
  --bronze: #8A6A45;      /* brushed bronze highlights, hairlines, active borders */
  --espresso: #231510;    /* fluted wood, deep wood panels */
  --smoke: #1A1D1F;       /* smoked glass, glass partitions */
  --cognac: #6A3210;      /* velvet upholstery */
  --chrome: #BDB8C0;      /* chrome and polished steel */
  --vein: #8C8680;        /* marble veining */
  /* Text and UI light */
  --champagne: #E6D3B3;   /* UI rings, primary buttons, focus, key numbers */
  --text: #D9D0C3;        /* body and headings (never pure white) */
  --text-dim: #8A8178;    /* secondary text, captions, inactive controls */
  --lobby-light: #F4DCBC; /* lobby and neutral spaces: warm white light */
  --error: #D9866C;       /* error messages: ember, warm like the rest, never a stray red */
  /* Floor colours (light only, never paint): glow, then deep for reflections and dim states */
  --amber: #E9A04E;       /* Floor 1, Velvet Vault */
  --amber-deep: #7A4A1C;
  --teal: #2F9E97;        /* Floor 2 (name TBD): a deep blue-green, never cyan */
  --teal-deep: #16514F;
  --lilac: #C7A8E3;       /* Floor 3, Chrome Orchid */
  --lilac-deep: #5E4C78;
  --lobby-deep: #8A6A45;
  --aquarium: #0C352F;    /* aquarium water when the salon is not on Floor 2 */
}