/* Suru Yako · spacing, type scale, and motion.
   Colour, typefaces, radius, and borders live in themes.css (data-theme).
   The values below are the Night Signal reference; app.css aliases them to the active theme. */

:root {
  /* Surfaces */
  --ns-ocean: #080a14;      /* page background */
  --ns-deep: #0d1122;       /* inputs, side sheets, pill fill */
  --ns-land: #131829;       /* panels, cards, map land */
  --ns-panel: rgba(19, 24, 41, 0.82);
  --ns-edge: #262e4d;       /* hairlines, borders, graticule */

  /* Text */
  --ns-ink: #e9ebff;
  --ns-ink-dim: #8b91b8;
  --ns-ink-faint: #6c7397;  /* only for 18px+ or non-essential labels */
  --ns-ink-on-light: #080a14;

  /* Stage signals: one meaning each */
  --sig-lead: #b9a8ff;      /* Lead, new from research, comparable events */
  --sig-talking: #58b4ff;   /* Pitched, Talking, replies */
  --sig-deal: #ffb347;      /* Hold, Offer, anything due or expiring */
  --sig-booked: #4fe0a5;    /* Contracted, Advanced, Played */
  --sig-past: #ff5fa2;      /* Rebook, our own past shows */
  --sig-queued: #6c7397;    /* queued city, Parked */
  --sig-other: #59607f;     /* non-comparable events */

  /* Type */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --text-hero: 112px;  /* venue name on Lead */
  --text-display: 56px;/* screen title */
  --text-kpi: 48px;
  --text-title: 28px;
  --text-card: 24px;   /* venue name in lists (serif) */
  --text-body: 15px;
  --text-ui: 13.5px;
  --text-small: 12.5px;
  --text-eyebrow: 11.5px; /* mono, uppercase, letter-spacing .16em */

  /* Shape and space (8 px grid) */
  --radius-panel: 14px;
  --radius-field: 10px;
  --radius-chip: 8px;
  --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --rail-width: 88px;
  --touch: 44px;

  /* Glow (only behind live signals) */
  --glow-lead: 0 0 12px var(--sig-lead);
  --glow-past: 0 0 12px var(--sig-past);
  --bg-hero: radial-gradient(1200px 520px at 78% -10%, rgba(185, 168, 255, 0.10), transparent 60%), var(--ns-ocean);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 160ms;
  --dur-panel: 240ms;
  --dur-breathe: 4s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-panel: 0ms; --dur-breathe: 0s; }
}