/* ==========================================================================
   Spieltisch — Design Tokens
   Warme, materielle Palette: Walnussholz, Filz, Messing, Pergament.
   ========================================================================== */

:root {
  /* Holz */
  --wood-950: #241507;
  --wood-900: #2e1b0d;
  --wood-800: #3a2418;
  --wood-700: #4a2f1d;
  --wood-600: #6b4326;
  --wood-500: #8a5a34;
  --wood-400: #a5713f;
  --wood-300: #c08d54;

  /* Filz (grün) */
  --felt-900: #10261c;
  --felt-800: #15311f;
  --felt-700: #1e4030;
  --felt-600: #285138;
  --felt-500: #366745;

  /* Bordeaux (Spieler 2 / Akzent) */
  --wine-900: #400f18;
  --wine-800: #5c1a24;
  --wine-700: #7a2333;
  --wine-600: #942c3e;
  --wine-500: #b23a4d;

  /* Messing / Metall */
  --brass-900: #5c471f;
  --brass-800: #7a5e2a;
  --brass-700: #8a6a2f;
  --brass-600: #b8934f;
  --brass-500: #d4b06c;
  --brass-300: #e8cf98;

  /* Pergament / Papier */
  --parchment-100: #f7efd9;
  --parchment-200: #f0e4c8;
  --parchment-300: #e6d5ac;
  --parchment-400: #d8c093;

  /* Tinte */
  --ink-900: #1a120a;
  --ink-800: #241811;
  --ink-700: #34241a;
  --ink-600: #4a382a;

  /* Marmor (Spieler 1 Ton) */
  --marble-100: #f4f2ee;
  --marble-300: #d8d3c9;
  --marble-500: #a8a297;

  /* Typografie */
  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Nunito", "Segoe UI", sans-serif;

  /* Schatten-Bausteine (mehrschichtig, Licht von oben links) */
  --shadow-raised:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 -6px 10px rgba(0, 0, 0, 0.25) inset,
    0 10px 16px rgba(0, 0, 0, 0.35),
    0 3px 4px rgba(0, 0, 0, 0.3);
  --shadow-raised-hover:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 -6px 10px rgba(0, 0, 0, 0.25) inset,
    0 18px 26px rgba(0, 0, 0, 0.4),
    0 6px 8px rgba(0, 0, 0, 0.35);
  --shadow-pressed:
    0 2px 6px rgba(0, 0, 0, 0.4) inset,
    0 1px 0 rgba(0, 0, 0, 0.5) inset,
    0 1px 1px rgba(255, 255, 255, 0.06);
  --shadow-inset-deep:
    0 4px 8px rgba(0, 0, 0, 0.55) inset,
    0 2px 3px rgba(0, 0, 0, 0.5) inset,
    0 1px 0 rgba(255, 255, 255, 0.05);
  --shadow-card:
    0 1px 2px rgba(0, 0, 0, 0.2),
    0 6px 10px rgba(0, 0, 0, 0.28),
    0 16px 28px rgba(0, 0, 0, 0.22);
  --shadow-card-lift:
    0 2px 3px rgba(0, 0, 0, 0.25),
    0 14px 18px rgba(0, 0, 0, 0.32),
    0 30px 40px rgba(0, 0, 0, 0.3);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-settle: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-drop: cubic-bezier(0.6, -0.28, 0.74, 0.05);
}