/* FORCE HOUSE — dizajn tokeni
   Boje izvučene iz: force-car.rs CSS-a (:root OKLCH), logo SVG-a (#ff8a37),
   i očitane sa 13 zvaničnih fotografija lokala. Vidi research/00-vizuelni-dosije.md */

:root {
  /* --- MRAK: svet Force Luxury Cars (kabina auta) --- */
  --ink:            #12100E;   /* najdublja, kabina */
  --ink-2:          #171717;   /* force-car.rs --background */
  --ink-3:          #262626;
  --ink-line:       #33302C;

  /* --- SVETLO: svet Force House (kafić) --- */
  --cream:          #EDE4D5;   /* zid, vanila malter */
  --cream-2:        #F5F0E7;
  --floor:          #F2F0EC;   /* sjajan pod */
  --paper:          #FBF8F3;

  /* --- AKCENTI (svi postoje u lokalu, nijedan izmišljen) --- */
  --orange:         #FF8A37;   /* Force logo narandžasta */
  --terracotta:     #C1522A;   /* bouclé fotelje */
  --red:            #E0392B;   /* sprinkler cevi, kablovi lampi, meni-kartice */
  --cognac:         #B7793F;   /* koža barskih stolica */
  --champagne:      #FCD7AC;   /* force-car.rs --primary, CTA */
  --walnut:         #4A3A2C;

  /* --- TEKST --- */
  --on-ink:         #E9E4DC;
  --on-ink-dim:     #8C857C;
  --on-cream:       #221E19;
  --on-cream-dim:   #6B6259;

  /* --- TIPOGRAFIJA --- */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* fluid skala */
  --t-xs:   clamp(.68rem, .62rem + .2vw, .78rem);
  --t-sm:   clamp(.82rem, .76rem + .25vw, .95rem);
  --t-base: clamp(1rem, .94rem + .3vw, 1.15rem);
  --t-lg:   clamp(1.3rem, 1.1rem + .9vw, 1.9rem);
  --t-xl:   clamp(2rem, 1.4rem + 2.8vw, 4rem);
  --t-2xl:  clamp(2.6rem, 1.5rem + 5.4vw, 7.5rem);
  --t-3xl:  clamp(3.2rem, 1.4rem + 8vw, 11rem);

  /* --- POKRET --- */
  /* Jedna krivulja za sve. Sporo kreće, meko staje — kao teška vrata. */
  --ease:      cubic-bezier(.22, 1, .36, 1);
  --ease-in:   cubic-bezier(.55, 0, .68, .3);
  --dur-fast:  240ms;
  --dur:       620ms;
  --dur-slow:  1100ms;

  /* --- PROSTOR --- */
  --gut: clamp(1.25rem, 4vw, 4.5rem);
  --max: 78rem;
}

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