/* Токени дизайн-системи. Значення узгоджені з SITEMAP_3_FRONTEND.md. */

:root {
  --c-bg: #0d0d0d;
  --c-bg-alt: #161616;
  --c-surface: #1a1a1a;
  --c-surface-hi: #212121;
  --c-text: #f5f5f5;
  --c-text-secondary: #a8a8a8;
  --c-border: #2a2a2a;
  --c-border-hi: #3a3a3a;

  --c-accent: #f0a03c;
  --c-accent-hover: #ffb457;
  --c-accent-ink: #1a1200;
  --c-error: #ff6b6b;
  --c-success: #5ac47d;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --header-h: 60px;
  --container: 1360px;

  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.25rem, 3vw, 1.75rem);
  --fs-2xl: clamp(1.75rem, 6vw, 3.25rem);

  --shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  --transition: 160ms ease;

  --z-header: 100;
  --z-drawer: 200;
  --z-overlay: 300;
  --z-modal: 310;
  --z-cookie: 400;
}

@media (min-width: 768px) {
  :root {
    --header-h: 72px;
  }
}