/* ============================================================
   BIRO 404 — SIGNAL brand tokens (R404_BRAND_SIGNAL_R01)
   Izvor: brand-tokens.json — držati sinhronizovano.
   ============================================================ */
:root {
  /* svet — mrak */
  --bg: #050505;
  --bg-2: #0a0a0b;
  --panel: #101011;
  --line: rgba(244, 240, 230, 0.09);
  --line-strong: rgba(244, 240, 230, 0.16);

  /* tekst */
  --ink: #f4f0e6;
  --muted: #b7b2a6;
  --dim: #8b877b;

  /* signal */
  --gold: #e9b850;
  --gold-hi: #ffe2a0;
  --gold-deep: #9a712c;
  --yellow: #f2c230;

  /* papirni svet (dokumenta/print) */
  --paper: #f7f5f2;
  --ink-dark: #141310;
  --line-paper: rgba(20, 19, 16, 0.14);

  /* fontovi */
  --font-d: 'Archivo', 'Segoe UI', sans-serif;
  --font-m: 'IBM Plex Mono', 'Consolas', monospace;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-lock: cubic-bezier(0.34, 1.4, 0.64, 1);
  --t-flash: 180ms;
  --t-activate: 650ms;
  --t-settle: 900ms;
  --t-pulse: 2400ms;
  --t-reveal: 700ms;

  /* signal geometrija */
  --sig-line-w: 1.5px;
  --sig-glow: drop-shadow(0 0 8px rgba(233, 184, 80, 0.55))
              drop-shadow(0 0 32px rgba(233, 184, 80, 0.18));
  --sig-gradient: linear-gradient(90deg, var(--gold-hi), var(--gold) 40%, var(--gold-deep));

  /* z slojevi */
  --z-deep: 0;
  --z-behind: 5;
  --z-content: 10;
  --z-front: 20;
  --z-overlay: 30;

  /* layout */
  --pad-x: clamp(20px, 5.2vw, 88px);
  --max-w: 1520px;
}

@media (max-width: 900px) {
  :root { --sig-line-w: 1.25px; }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-flash: 0ms;
    --t-activate: 200ms;
    --t-settle: 250ms;
    --t-pulse: 0ms;
    --t-reveal: 250ms;
  }
}