/* @font-face deklaracije su u fonts/fonts.css - ukljuci ga pre ovog fajla */

:root {
  --copula-orange: #FB4300;
  --copula-ink: #111111;
  --copula-paper: #F8F5F1;
  --copula-slate: #3F4453;

  --orange-50:  #FFF2ED;
  --orange-100: #FFDACC;
  --orange-200: #FFB499;
  --orange-300: #FF875C;
  --orange-400: #FF642B;
  --orange-500: #FB4300;
  --orange-600: #CC3600;
  --orange-700: #982D06;
  --orange-800: #6C2004;
  --orange-900: #451403;

  --ink-900: #111111;
  --ink-800: #1C1B19;
  --ink-700: #2E2C29;
  --ink-500: #6E6A64;
  --ink-300: #A8A49C;
  --ink-200: #D6D1C8;
  --ink-100: #E8E3DB;
  --ink-50:  #F1EDE7;
  --paper:   #F8F5F1;
  --white:   #FFFFFF;

  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-accent: var(--orange-600);
  --surface-page: var(--paper);
  --surface-raised: #FFFFFF;
  --surface-inverse: var(--ink-800);
  --border-hairline: var(--ink-100);
  --border-strong: var(--ink-200);
  --border-accent: var(--copula-orange);

  --font-sans: 'Switzer', 'Inter', system-ui, -apple-system, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --size-xs: 0.75rem;
  --size-sm: 0.8125rem;
  --size-base: 1rem;
  --size-lg: 1.3125rem;
  --size-xl: 1.75rem;
  --size-2xl: 2.3125rem;
  --size-3xl: 3.125rem;
  --size-4xl: 4.1875rem;
  --size-hero: clamp(3rem, 11vw, 11.25rem);

  --tracking-hero: -0.025em;
  --tracking-heading: -0.015em;
  --tracking-caps: 0.08em;
  --leading-tight: 1.05;
  --leading-heading: 1.15;
  --leading-body: 1.5;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --space-24: 96px; --space-32: 128px;

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

  --dur-micro: 180ms;
  --dur-base: 320ms;
  --dur-enter: 620ms;
  --stagger: 70ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
  --text-primary: var(--paper);
  --text-secondary: var(--ink-300);
  --text-accent: var(--orange-400);
  --surface-page: var(--ink-800);
  --surface-raised: #232220;
  --surface-inverse: var(--paper);
  --border-hairline: #33312E;
  --border-strong: #45423E;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}