/* Дизайн токени — източник на истината за docs/design-system.md и бъдещия theme.json. */
:root {
  /* Цветове */
  --c-primary: #0B4A5A;
  --c-primary-600: #0F6276;
  --c-primary-900: #082F3A;
  --c-primary-50: #E7F1F3;
  --c-on-primary: #FFFFFF;
  --c-on-dark: #FFFFFF;
  --c-on-dark-2: #C9DDE2;
  --c-accent: #A8401F;
  --c-accent-50: #FBEDE6;
  --c-ink: #16202B;
  --c-ink-2: #3D4A58;
  --c-muted: #5A6675;
  --c-canvas: #F7F5F0;
  --c-surface: #FFFFFF;
  --c-line: #D8D3C8;
  --c-border: #767F8C;
  --c-focus: #FFC531;
  --c-success: #1C6B3C;  --c-success-50: #E5F2EA;
  --c-warn: #6A4700;     --c-warn-50: #FFF2D1;
  --c-danger: #A3241B;   --c-danger-50: #FBE9E7;
  --c-flag-white: #FFFFFF; --c-flag-green: #00966E; --c-flag-red: #D62612;

  /* Типография */
  --ff-body: "Sofia Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-display: "Sofia Sans Condensed", "Sofia Sans", system-ui, sans-serif;
  --fs-sm: 0.9375rem;
  --fs-base: 1.125rem;
  --fs-lg: 1.3125rem;
  --fs-xl: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
  --fs-2xl: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
  --fs-3xl: clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  /* Пространство (стъпка 4 px) */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 5rem; --s-10: 6rem;

  /* Форми */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgb(22 32 43 / 0.06), 0 2px 8px rgb(22 32 43 / 0.06);
  --shadow-2: 0 8px 24px rgb(22 32 43 / 0.14), 0 2px 6px rgb(22 32 43 / 0.08);

  /* Оформление */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 76px;

  /* Движение */
  --dur: 160ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Висок контраст — включва се от служебната лента */
:root[data-contrast="high"] {
  --c-primary: #FFE14D;
  --c-primary-600: #FFE14D;
  --c-primary-900: #000000;
  --c-primary-50: #1A1A1A;
  --c-on-primary: #000000;
  --c-on-dark: #FFFFFF;
  --c-on-dark-2: #FFFFFF;
  --c-accent: #FFB38A;
  --c-accent-50: #1A1A1A;
  --c-ink: #FFFFFF;
  --c-ink-2: #FFFFFF;
  --c-muted: #E6E6E6;
  --c-canvas: #000000;
  --c-surface: #000000;
  --c-line: #FFFFFF;
  --c-border: #FFFFFF;
  --c-success: #8CF5B4; --c-success-50: #000000;
  --c-warn: #FFE14D;    --c-warn-50: #000000;
  --c-danger: #FF9C94;  --c-danger-50: #000000;
  --shadow-1: none;
  --shadow-2: 0 0 0 2px #FFFFFF;
}

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