/* ==========================================================================
   Gebeta — design tokens
   --------------------------------------------------------------------------
   The board is the brand. Everything here comes from one image: a carved
   walnut gebeta board on a low table at dusk, lit by a single warm lamp.
   Deep aubergine night, walnut wood, bone-coloured river stones, and two
   player colours picked to stay distinguishable for colour-blind players
   (saffron vs lapis rather than the usual red vs green).
   ========================================================================== */

:root {
  /* --- surface: the room around the board --- */
  --night: #120e18;
  --night-2: #1a1420;
  --night-3: #241c2c;
  --night-4: #322740;
  --line: #2c2336;
  --line-2: #40334f;

  /* --- the board itself --- */
  --wood-lit: #96603a;
  --wood: #6b4326;
  --wood-deep: #48291a;
  --wood-edge: #2e1b12;
  --pit: #241209;
  --pit-lip: #7c4c2c;

  /* --- stones --- */
  --stone: #ede3d0;
  --stone-2: #d9cbb2;
  --stone-3: #c2b49c;
  --stone-shadow: #1a0d06;

  /* --- players --- */
  --south: #f0a63a;
  --south-soft: #f6c87e;
  --south-dim: #6b4a17;
  --north: #7c86f0;
  --north-soft: #a9b0f7;
  --north-dim: #363a72;

  /* --- semantic --- */
  --good: #5fbf8f;
  --warn: #f0a63a;
  --bad: #d9594c;

  /* --- text --- */
  --text: #f4efe6;
  --text-2: #c3b9ce;
  --muted: #8e83a0;
  --dim: #5d5470;

  /* --- type --- */
  --font-display: 'Bricolage Grotesque', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-ethiopic: 'Noto Serif Ethiopic', 'Nyala', serif;

  /* --- shape --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 34px;
  --r-pill: 999px;

  /* --- depth --- */
  --lift-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --lift-2: 0 6px 20px -6px rgb(0 0 0 / 0.55);
  --lift-3: 0 26px 60px -20px rgb(0 0 0 / 0.75);
  --lamp: 0 0 90px -10px rgb(240 166 58 / 0.16);

  /* --- motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 130ms;
  --t-mid: 260ms;
  --t-slow: 520ms;

  /* --- layout --- */
  --pit-size: clamp(52px, 9.4vw, 104px);
  --gap: clamp(6px, 1.1vw, 14px);
  --shell: min(1180px, 94vw);
}

/* Daylight: same board, different room. Only the surround changes — the wood
   and the stones keep their colour so the game reads identically. */
[data-theme='day'] {
  --night: #efe7dc;
  --night-2: #f7f1e8;
  --night-3: #e6dbcc;
  --night-4: #d8cab7;
  --line: #ddd0be;
  --line-2: #c6b6a0;
  --text: #241a20;
  --text-2: #4d4050;
  --muted: #6f6377;
  --dim: #9c92a6;
  --south: #b96c05;
  --south-soft: #8a5104;
  --north: #4650c8;
  --north-soft: #333ba4;
  --lift-2: 0 6px 20px -8px rgb(60 35 20 / 0.3);
  --lift-3: 0 26px 60px -24px rgb(60 35 20 / 0.35);
  --lamp: 0 0 90px -10px rgb(180 110 20 / 0.14);
}