/*
  BRIDGE DESIGN TOKENS
  ====================
  Centralizovani izvor istine za boje, tipografiju, razmak i motion.
  Paleta je zasnovana na konceptu "modern riverside hospitality":
  duboko večernje plavo-zeleno (reka/noć), toplo ambijentalno svetlo
  (terasa, hrana), kamen/pesak (dnevna atmosfera) i mastilo-crna za kontrast.

  NAPOMENA: Ovo je startna, disciplinovana paleta — kada klijent dostavi
  zvanični logo i fotografije, tonovi (posebno akcentna boja) treba da se
  fino podese prema stvarnom vizuelnom identitetu objekta (videti
  CLIENT-DATA-TODO.md).
*/

:root {
  /* ---- Color: Ink / Night River ---- */
  --color-ink-950: #0b1512;
  --color-ink-900: #0f1e1a;
  --color-ink-800: #16302a;
  --color-ink-700: #1f463c;

  /* ---- Color: Stone / Daylight ---- */
  --color-stone-50: #faf8f3;
  --color-stone-100: #f2efe6;
  --color-stone-200: #e6e0d1;
  --color-stone-300: #d3c9b3;

  /* ---- Color: Ember / Evening accent (terrace lighting, warmth) ---- */
  --color-ember-400: #d9a15c;
  --color-ember-500: #c98a3f;
  --color-ember-600: #ad6f2c;

  /* ---- Color: Water accent (river / cool secondary, used sparingly) ---- */
  --color-water-400: #6fa8a0;
  --color-water-500: #4f8781;

  /* ---- Color: Graphite / Silver (header identity, RESTORAN neutral premium) ---- */
  --color-graphite-900: #101314;
  --color-graphite-800: #181c1e;
  --color-silver-100: #f2efe6;
  --color-silver-300: rgba(242, 239, 230, 0.62);

  /* ---- Color: Lilac (BRIDŽOVANJE identity — reserved, used only there) ---- */
  --color-lilac-300: #c79bff;
  --color-lilac-500: #b169ff;
  --color-lilac-700: #6d3fae;
  --color-lilac-glow: rgba(145, 70, 220, 0.18);

  /* ---- Semantic ---- */
  --color-bg: var(--color-stone-50);
  --color-bg-inverse: var(--color-ink-950);
  --color-surface: #ffffff;
  --color-text: var(--color-ink-950);
  --color-text-muted: #4a564f;
  --color-text-inverse: var(--color-stone-50);
  --color-text-inverse-muted: #b9c4bd;
  --color-accent: var(--color-ember-500);
  --color-accent-strong: var(--color-ember-600);
  --color-line: rgba(15, 30, 26, 0.14);
  --color-line-inverse: rgba(250, 248, 243, 0.22);
  --color-success: #3f7a52;
  --color-error: #b3452f;

  /* ---- Typography ----
     Display font: Playfair Display (swapped from Fraunces 16.08.2026).
     Fraunces' high-optical-size cut has a swashy, descending uppercase "J" —
     a deliberate stylistic signature of that family — which reads as broken
     in solid-caps Serbian words like "BRIDŽOVANJE" at hero scale (the CSS
     opsz axis auto-interpolates toward that cut at large font-size, so the
     issue shows precisely where headlines are biggest). Playfair Display
     keeps a comparable premium/editorial character with confirmed full
     Serbian Latin coverage (č ć đ š ž) and a clean, non-swash uppercase
     across the whole alphabet, so the fix is a font swap, not a local hack. */
  --font-display: "Playfair Display", "Iowan Old Style", "Georgia", serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(2.75rem, 6vw + 1rem, 6.5rem);
  --fs-h1: clamp(2.25rem, 4vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 2.4vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.75rem);
  --fs-lead: clamp(1.1rem, 0.6vw + 1rem, 1.35rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.05;
  --lh-heading: 1.25;
  --lh-body: 1.6;

  --ls-eyebrow: 0.18em;
  --ls-heading: -0.01em;

  /* ---- Spacing scale ---- */
  --space-2xs: 0.375rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;
  --space-3xl: 13rem;

  /* ---- Containers ---- */
  --container-max: 1440px;
  --container-narrow: 760px;
  --container-pad: clamp(1.25rem, 4vw, 4rem);

  /* ---- Radius ---- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px rgba(11, 21, 18, 0.08);
  --shadow-md: 0 12px 32px rgba(11, 21, 18, 0.14);
  --shadow-lg: 0 28px 70px rgba(11, 21, 18, 0.22);

  /* ---- Line widths (Bridge motif) ---- */
  --line-hairline: 1px;
  --line-medium: 2px;

  /* ---- Z-index scale ---- */
  --z-base: 0;
  --z-sticky-cta: 40;
  --z-header: 50;
  --z-mobile-menu: 60;
  --z-intro: 80;
  --z-lightbox: 90;
  --z-transition: 100;

  /* ---- Bridge Motion System ---- */
  --ease-bridge: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-strong: cubic-bezier(0.19, 1, 0.22, 1);

  --dur-instant: 120ms;
  --dur-fast: 240ms;
  --dur-base: 480ms;
  --dur-slow: 900ms;
  --dur-reveal: 1200ms;
  --dur-intro: 3200ms;
}

@media (prefers-color-scheme: dark) {
  /* Reserved for future dark-mode pass; site currently ships a single,
     deliberately designed theme rather than an automatic dark mode. */
}