/* ═══════════════════════════════════════════════════════════════
   URTICKETS DESIGN TOKENS — "PRESS PROOF" · Brand Kit v0.1
   The single source of truth for every surface (public, customer,
   organizer, admin, email-fallbacks). Strict black/white.
   Shared by frontend + admin: keep this file selector-free
   beyond :root. Machine-readable mirror: docs/brand/design-tokens.json
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Ink & Paper ─────────────────────────────────────────── */
  --urt-ink:        #050505;  /* page ground                     */
  --urt-panel:      #0E0E11;  /* card / panel surface            */
  --urt-raised:     #111114;  /* raised / hover surface          */
  --urt-paper:      #FFFFFF;  /* type, borders, fills            */
  --urt-accent:     #FFFFFF;  /* strict B/W: accent IS paper.    */

  /* ── Paper opacities (text + line hierarchy) ─────────────── */
  --urt-dim:        rgba(255, 255, 255, 0.62); /* secondary text */
  --urt-faint:      rgba(255, 255, 255, 0.38); /* tertiary text  */
  --urt-line:       rgba(255, 255, 255, 0.12); /* hairline rule  */
  --urt-line-2:     rgba(255, 255, 255, 0.26); /* emphasis rule  */
  --urt-scrim:      rgba(5, 5, 5, 0.72);       /* image overlays */

  /* ── Semantics (never decorative) ────────────────────────── */
  --urt-ok:         #22c55e;
  --urt-bad:        #ef4444;
  --urt-warn:       #fbbf24;

  /* ── Type ────────────────────────────────────────────────── */
  --urt-font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --urt-font-body:    'DM Sans', system-ui, sans-serif;
  --urt-font-mono:    'Space Mono', 'Courier New', monospace;

  --urt-text-hero:    clamp(48px, 8vw, 96px);  /* Bebas, .9 lh   */
  --urt-text-h1:      clamp(34px, 4.5vw, 56px);
  --urt-text-h2:      clamp(26px, 3vw, 36px);
  --urt-text-h3:      22px;
  --urt-text-body:    14.5px;
  --urt-text-small:   12.5px;
  --urt-text-label:   10px;                    /* tracked caps   */
  --urt-track-label:  0.28em;
  --urt-track-btn:    0.14em;

  /* ── Space (4-base) ──────────────────────────────────────── */
  --urt-s1: 4px;  --urt-s2: 8px;   --urt-s3: 12px; --urt-s4: 16px;
  --urt-s5: 24px; --urt-s6: 32px;  --urt-s7: 48px; --urt-s8: 64px;
  --urt-s9: 96px;

  /* ── Edges (the Press Proof signature) ───────────────────── */
  --urt-radius:        0;          /* surfaces are square        */
  --urt-radius-ctl:    4px;        /* form controls only         */
  --urt-border:        2px solid var(--urt-paper);
  --urt-border-line:   1px solid var(--urt-line);
  --urt-border-dash:   1.5px dashed rgba(255, 255, 255, 0.55);
  --urt-shadow-pop:    4px 4px 0 rgba(255, 255, 255, 0.16);
  --urt-shadow-pop-lg: 7px 7px 0 rgba(255, 255, 255, 0.16);
  --urt-shadow-hover:  7px 7px 0 rgba(255, 255, 255, 0.24);

  /* ── Controls ────────────────────────────────────────────── */
  --urt-ctl-h:      48px;
  --urt-ctl-pad:    13px 14px;
  --urt-btn-pad:    14px 22px;

  /* ── Motion ──────────────────────────────────────────────── */
  --urt-ease:       cubic-bezier(0.25, 1, 0.5, 1);
  --urt-fast:       0.15s;
  --urt-mid:        0.25s;

  /* ── Z ───────────────────────────────────────────────────── */
  --urt-z-nav:      1000;
  --urt-z-modal:    1100;
  --urt-z-toast:    1200;
}