/* Rekvizit 2026 – dizajn tokeni (izvor: assets/palete-v2.md, mockupi/src/base.py)
   Tema: <html data-theme="dark|light">. Bez atributa vrijedi sistemska postavka (prefers-color-scheme).
   Fontovi: assets/fontovi/ (SIL OFL 1.1). */

@font-face { font-family: "Archivo Black"; src: url("../assets/fonts/ArchivoBlack-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/Inter-Variable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Patrick Hand SC"; src: url("../assets/fonts/PatrickHandSC-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }

:root {
  /* tipografija */
  --font-display: "Archivo Black", "Arial Black", system-ui, sans-serif; /* naslovi, brojke, bodovi, timer */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* UI, pitanja, chat */
  --font-slogan: "Patrick Hand SC", cursive; /* samo slogan u logu */
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 14px; --fs-base: 15px; --fs-lg: 17px;
  --fs-question: 19px;      /* pitanje u sobi */
  --fs-question-solo: 23px; /* pitanje u solo/ABCD */
  --fs-answer-reveal: 46px; /* otkriveni odgovor */
  --fs-points-big: 52px;    /* +34 boda */
  --fs-stake: 64px;         /* Turbo ulog */
  --lh-base: 1.35;

  /* razmaci (ritam 4/8/12/16/24) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* zaobljenja */
  --r-chip: 999px; --r-tag: 6px; --r-input: 12px; --r-btn: 14px; --r-card: 16px; --r-sheet: 28px;

  /* veličine */
  --h-btn: 52px; --h-btn-lg: 56px; --h-input: 46px; --h-option: 58px; --h-nav: 78px; --touch-min: 44px;

  /* brend (isto u obje teme) */
  --brand-blue: #1883DA; --brand-blue-2: #1262A8;
  --brand-red: #FF162B;  --brand-red-2: #D80A1F;
  --grad-primary: linear-gradient(180deg, var(--brand-blue), var(--brand-blue-2));
  --grad-red: linear-gradient(160deg, var(--brand-red), var(--brand-red-2));

  /* trajanja animacija */
  --dur-fast: 120ms; --dur-base: 220ms; --dur-slow: 450ms; --ease-out: cubic-bezier(.2,.8,.2,1); --ease-spring: cubic-bezier(.34,1.56,.64,1);
}

/* ---------- TAMNA „Noćna smjena” ---------- */
:root, [data-theme="dark"] {
  --bg: #0A1220;
  --surface: #121D31;
  --surface-2: #1A2942;
  --line: #26385A;
  --primary: #1883DA; --primary-2: #1262A8;
  --primary-text: #5AB0F5;
  --red: #FF162B; --red-2: #D80A1F;
  --turbo: #FFB81C; --turbo-ink: #0E1A2B;
  --success: #1FCB7A;
  --error: #FF4D5E;
  --text: #EEF3FA;
  --text-muted: #8EA0BC;
  --on-primary: #FFFFFF;
  --glow: rgba(24,131,218,.35);
  --chip-bg: rgba(24,131,218,.14);
  --shadow: 0 8px 24px rgba(0,0,0,.35);
  --scrim: rgba(5,10,20,.62);
  color-scheme: dark;
}

/* ---------- SVIJETLA „Dnevna” ---------- */
[data-theme="light"] {
  --bg: #F2F5FA;
  --surface: #FFFFFF;
  --surface-2: #E7EDF6;
  --line: #D3DDEA;
  --primary: #1883DA; --primary-2: #1262A8;
  --primary-text: #1262A8;
  --red: #FF162B; --red-2: #D80A1F;
  --turbo: #FF9F0A; --turbo-ink: #0E1A2B;
  --success: #11A05B;
  --error: #E3203A;
  --text: #0E1A2B;
  --text-muted: #5A6A82;
  --on-primary: #FFFFFF;
  --glow: rgba(24,131,218,.18);
  --chip-bg: rgba(24,131,218,.10);
  --shadow: 0 6px 18px rgba(14,26,43,.08);
  --scrim: rgba(14,26,43,.45);
  color-scheme: light;
}

/* Zadano prati sustav kad igrač nije ništa odabrao (nema data-theme). */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #F2F5FA; --surface: #FFFFFF; --surface-2: #E7EDF6; --line: #D3DDEA;
    --primary-text: #1262A8; --turbo: #FF9F0A; --success: #11A05B; --error: #E3203A;
    --text: #0E1A2B; --text-muted: #5A6A82;
    --glow: rgba(24,131,218,.18); --chip-bg: rgba(24,131,218,.10);
    --shadow: 0 6px 18px rgba(14,26,43,.08); --scrim: rgba(14,26,43,.45);
    color-scheme: light;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}

/* pomoćne klase */
.num { font-family: var(--font-display); font-variant-numeric: tabular-nums; }
.h   { font-family: var(--font-display); font-weight: 400; letter-spacing: -.01em; }