:root {

  --ground: #000000;
  --ground-admin: #08080a;
  --ground-frame: #050505;

  --ink: #f5f5f4;
  --ink-2: #d4d4d1;
  --ink-muted: #a3a3a0;
  --ink-faint: #8a8a87;
  --ink-dim: #7a7a77;
  --ink-bright: #ffffff;

  --hairline: rgba(255, 255, 255, 0.10);
  --hairline-admin: rgba(255, 255, 255, 0.08);
  --hairline-soft: rgba(255, 255, 255, 0.05);
  --hairline-active: rgba(255, 255, 255, 0.28);
  --rule: rgba(255, 255, 255, 0.12);
  --rule-short: rgba(255, 255, 255, 0.22);
  --separator: rgba(255, 255, 255, 0.25);

  --field-bg: rgba(255, 255, 255, 0.05);
  --field-bg-admin: rgba(255, 255, 255, 0.04);
  --field-bg-focus: rgba(255, 255, 255, 0.08);
  --field-border: rgba(255, 255, 255, 0.12);
  --field-border-focus: rgba(255, 255, 255, 0.45);
  --field-border-focus-admin: rgba(255, 255, 255, 0.42);

  --panel: rgba(255, 255, 255, 0.02);
  --panel-inset: rgba(255, 255, 255, 0.03);
  --glass: rgba(0, 0, 0, 0.55);
  --row-selected: rgba(255, 255, 255, 0.07);
  --hover-fill: rgba(255, 255, 255, 0.07);
  --hover-fill-strong: rgba(255, 255, 255, 0.10);
  --hover-fill-soft: rgba(255, 255, 255, 0.06);

  --accent: #c62a2a;
  --accent-hi: #e03434;
  --accent-tint: rgba(198, 42, 42, 0.16);
  --accent-glow: rgba(198, 42, 42, 0.45);
  --accent-dot-glow: rgba(198, 42, 42, 0.9);

  --seat-free: #52525b;
  --seat-taken: #27272a;
  --seat-taken-border: rgba(255, 255, 255, 0.06);

  --status-saved: #5fbf7f;
  --status-unsaved: #e0b634;
  --status-over: #e07a7a;
  --danger-ink: #f0a0a0;
  --live-ink: #e88;

  --focus-ring: rgba(255, 255, 255, 0.55);

  --font-display: "Playfair Display", Georgia, serif;
  --font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;

  --r-control: 3px;
  --r-panel: 4px;
  --r-seat: 3px 3px 0 0;
  --r-dot: 999px;

  --t-fast: 140ms;
  --t-field: 150ms;
  --t: 160ms;
  --t-slow: 170ms;
  --t-slowest: 180ms;

  --w-home: 980px;
  --w-card: 880px;
  --w-narrow: 852px;
  --w-admin: 1200px;
  --w-list: 1100px;

  --shadow-poster: 0 30px 70px rgba(0, 0, 0, 0.8);
  --shadow-frame: 0 30px 70px rgba(0, 0, 0, 0.75);
  --shadow-card: 0 30px 80px rgba(0, 0, 0, 0.6);
  --shadow-logo: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.65));
  --shadow-seat: 0 0 18px var(--accent-glow);
  --shadow-screen: 0 0 34px 8px rgba(255, 255, 255, 0.10);
}