/* ==========================================================================
   Yrsvald — Design tokens
   Surfaces, text, brand colors, MC bevel system, spacing/type scale, motion.
   No selectors other than :root here — tokens only.
   ========================================================================== */

:root {
  /* surfaces */
  --bg-deep:    oklch(0.16 0.02 265);   /* page night */
  --bg-panel:   oklch(0.22 0.02 265);   /* raised panel */
  --bg-inset:   oklch(0.13 0.02 265);   /* inset wells (IP bar) */

  /* text */
  --ink:        oklch(0.93 0.02 85);    /* parchment white */
  --ink-dim:    oklch(0.72 0.02 85);

  /* brand */
  --gold:       oklch(0.80 0.13 85);
  --gold-deep:  oklch(0.55 0.11 75);
  --teal:       oklch(0.78 0.10 195);   /* rune glow */
  --grass:      oklch(0.64 0.16 140);   /* CTA green */
  --grass-deep: oklch(0.42 0.12 142);

  /* MC bevel system */
  --bevel-light: oklch(1 0 0 / 0.28);
  --bevel-dark:  oklch(0 0 0 / 0.45);
  --edge:        oklch(0.08 0.01 265);  /* near-black outline */

  /* rune tint for tooltip-card border */
  --rune-tint:  oklch(0.45 0.09 300);

  /* region accents */
  --region-hearthmoor: oklch(0.68 0.13 135);
  --region-skarrow:    oklch(0.75 0.06 230);
  --region-duskmere:   oklch(0.62 0.09 300);
  --region-caelador:   oklch(0.75 0.12 80);

  /* status */
  --danger: oklch(0.62 0.19 25);

  /* type */
  --font-mono: "Monocraft", "Courier New", monospace;
  --fs-base: 1rem;
  --lh-body: 1.7;
  --lh-heading: 1.1;

  /* spacing (8px baseline) */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;

  /* layout */
  --content-max: 1200px;
  --edge-width: 2px;
  --notch: 4px;

  /* motion */
  --dur-fast: 80ms;
  --dur-med: 120ms;
  --dur-reveal: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}