/* Design tokens — the only place raw values live.
 * The portfolio commits to a single dark "casino floor" world (Davi's own dark style),
 * so there is no light theme: every surface and color is set explicitly here. */
:root {
  color-scheme: dark;

  /* Palette */
  --ink: #060807;          /* page ground, green-biased near-black */
  --felt: #0b1410;         /* raised surfaces, table felt */
  --felt-2: #101c17;       /* hover / nested surfaces */
  --line: #1b2a23;         /* hairlines */
  --line-2: #29403500;     /* transparent line for gradients */
  --text: #eaf2ec;
  --muted: #8fa39a;
  --faint: #5c6e66;
  --jade: #3ddc84;         /* brand accent, from the logo */
  --jade-deep: #1f9d5a;
  --jade-glow: rgb(61 220 132 / 0.35);
  --gold: #f2c14e;         /* chips, jackpot, rewards */
  --gold-deep: #b98a1c;
  --gold-glow: rgb(242 193 78 / 0.35);
  --ember: #ff5d5d;        /* "not approved", loops back */
  --sky: #60a5fa;          /* info, dotted process edges */

  /* Typography */
  --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --step-0: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --step-1: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --step-2: clamp(1.45rem, 1.3rem + 0.75vw, 1.9rem);
  --step-3: clamp(1.9rem, 1.6rem + 1.5vw, 2.9rem);
  --step-4: clamp(2.6rem, 2rem + 3.2vw, 5rem);
  --step-5: clamp(3.2rem, 2rem + 7.4vw, 9.5rem);

  /* Space (4pt base) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 72px;
  --s-9: 112px;
  --gutter: clamp(16px, 4vw, 48px);
  --max: 1240px;

  /* Shape */
  --r-1: 8px;
  --r-2: 14px;
  --r-3: 22px;
  --r-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 700ms;

  /* Elevation */
  --shadow-1: 0 1px 0 rgb(255 255 255 / 0.03) inset, 0 10px 30px rgb(0 0 0 / 0.35);
  --shadow-2: 0 1px 0 rgb(255 255 255 / 0.05) inset, 0 24px 60px rgb(0 0 0 / 0.55);

  /* Layers */
  --z-bg: 0;
  --z-content: 1;
  --z-hud: 40;
  --z-overlay: 60;
  --z-toast: 80;
  --z-cursor: 100;

  --hud-h: 64px;
}