/*
  Design v2 tokens. Owned by the manager, read-only for every team.
  Values measured off the reference site with getComputedStyle at 1440px
  (see docs/design-v2/spec.md section 2). Every page and frame rule uses these
  names instead of literal colours so a palette change is one edit.
*/
:root {
  /* greys, darkest first (reference "darkgrey900" .. "darkgrey50") */
  --g900: #0a1119; /* page ground, header */
  --g800: #0d151f; /* chat sidebar, surface */
  --g700: #101924; /* hairlines, header border */
  --g600: #131d29;
  --g500: #16212e; /* cards, game tiles */
  --g400: #1a2533; /* small buttons, inputs */
  --g300: #1e2938;
  --g200: #222e3d;
  --g100: #263342;
  --g50: #2b3847;

  /* text greys */
  --t0: #ffffff;
  --t1: #e0e0e0;
  --t2: #a9b0b8; /* secondary text */
  --t3: #848e99; /* muted label, "ANMELDEN" */
  --t4: #6d7985;
  --t5: #5f6d7a; /* "TOTAL UNBOXED" */
  --t6: #596775; /* nav links idle */
  --t7: #475566; /* footer column heads */

  /* accents */
  --purple: #8b58f0;
  --purple-600: #7a41eb;
  --purple-700: #6d32e2;
  --purple-300: #a985f1;
  --orange: #fdb022; /* coin, rain button */
  --orange-500: #f79009;
  --orange-300: #fec84b;
  --green: #12b76a;
  --green-400: #32d583;
  --green-700: #027a48;
  --red: #f04438;
  --red-400: #f97066;
  --teal: #54b6b2;

  /* geometry */
  --header-h: 64px;
  --chat-w: 300px;
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 12px;

  --font: "Rubik", Roboto, system-ui, sans-serif;
  --font-pixel: "Silkscreen", "Rubik", monospace;
}