/* Dizajn tokeni (spec §4). Jedini izvor boja, fontova, razmaka i krivih. */
:root {
  --bg: #181818;
  --gold: #9a8239;
  --gold-hi: #c9ad62;
  --gold-glow: #e2c77c;
  --panel: #1e1e1e;
  --panel-deep: #141414;
  --footer: #151515;
  --line: rgba(154, 130, 57, 0.24);
  --line-strong: rgba(154, 130, 57, 0.5);
  --ink: #181818;

  --f-display: 'Michroma', 'Arial Black', sans-serif;
  --f-body: 'Hanken Grotesk', system-ui, sans-serif;
  --f-mono: 'Martian Mono', ui-monospace, monospace;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  --max: 1320px;
  --gutter: max(16px, 6vw);
  --header-h: 84px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  --z-header: 50;
  --z-menu: 45;
  --z-callbar: 40;
  --z-intro: 100;

  color-scheme: dark;
}

@media (max-width: 767px) {
  :root {
    --header-h: 68px;
  }
}