/* ─────────────────────────────────────────────────────────────
   Settlescan — Design Tokens
   Single source of truth for color, type, spacing, motion.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Surfaces */
  --bg:        #0d0d0d;
  --bg-2:      #121212;
  --panel:     #1c1c1c;
  --panel-2:   #181818;
  --border:    #2a2a2a;

  /* Ink */
  --ink:       #f5f5f5;
  --ink-2:     #d0d0d0;
  --ink-3:     #a3a3a3;
  --muted:     #6b6b6b;

  /* Accent — gold (sparing) */
  --gold-1:    #ffd700;
  --gold-2:    #ffed4e;
  --gold-3:    #fff8dc;
  --gold-grad: linear-gradient(90deg, var(--gold-1), var(--gold-2), var(--gold-3));

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;

  /* Layout */
  --content-max: 1180px;
  --page-gutter: 24px;
  --page-gutter-tight: 16px;
  --topbar-h: 64px;

  /* Radius */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, .35);
  --shadow-md: 0 14px 32px rgba(0, 0, 0, .5);
  --shadow-lg: 0 28px 60px rgba(0, 0, 0, .6);

  /* Motion */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --t-fast: 160ms;
  --t-med:  280ms;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body { min-height: 100dvh; }

a { color: inherit; }

button {
  font-family: inherit;
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}