/* ============================================================
   GVenue — Design Tokens (verbatim · design_handoff/tokens.css)
   Master visual system. Dark-first. Mission Control aesthetic.
   ============================================================ */

:root {
  /* — Surfaces — */
  --bg:           #08080A;
  --bg-deep:      #050507;
  --surface:      #0F0F13;
  --surface-2:    #16161D;
  --surface-3:    #1E1E28;
  --line:         #23232E;
  --line-soft:    #1A1A24;
  --line-strong:  #2F2F3D;

  /* — Ink — */
  --ink:          #F4F4EF;
  --ink-soft:     #C9C9C3;
  --ink-mute:     #7A7A82;
  --ink-fade:     #4D4D55;

  /* — Signal accent (primary) — */
  --signal:       #5CF2D9;
  --signal-soft:  #5CF2D922;
  --signal-line:  #5CF2D944;
  --signal-deep:  #0FBFA7;

  /* — Violet (capacity / occupancy) — */
  --violet:       #A78BFA;
  --violet-soft:  #A78BFA22;
  --violet-line:  #A78BFA44;
  --violet-deep:  #6E47E0;

  /* — Status — */
  --ok:           #34D399;
  --warn:         #FACC15;
  --danger:       #F43F5E;
  --info:         #60A5FA;

  /* — Type — */
  --font-sans:    "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;

  /* — Radii — */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-full: 999px;

  /* — Spacing scale (4px base) — */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;
  --s-32: 128px;

  /* — Shadow / glow — */
  --shadow-1: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 24px rgba(0,0,0,.55);
  --glow-signal: 0 0 0 1px var(--signal-line), 0 0 24px -4px var(--signal-soft);
  --glow-violet: 0 0 0 1px #A78BFA44, 0 0 24px -4px #A78BFA22;
}

/* ============================================================
   Reset + base
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--ink);
  font-feature-settings: "ss01", "cv11";
  font-variant-ligatures: contextual;
  line-height: 1.45;
}
img, svg { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }

/* utility */
.mono { font-family: var(--font-mono); font-feature-settings: "ss02", "zero"; }
.uppercase { text-transform: uppercase; letter-spacing: .12em; }
.tabnum { font-variant-numeric: tabular-nums; }
