/* Design tokens — Зояна-Крис ЕООД (по-светла, по-жива палитра) */
:root {
  /* Brand — warm slate, not near-black */
  --color-primary: #2c3340;
  --color-primary-dark: #1f2530;
  --color-primary-mid: #3d4656;
  --color-primary-soft: #5a6578;

  /* Accent — warmer, brighter amber */
  --color-accent: #d4a017;
  --color-accent-hover: #e0b33a;
  --color-accent-dark: #a67c0f;
  --color-accent-muted: rgba(212, 160, 23, 0.14);
  --color-accent-line: rgba(212, 160, 23, 0.45);

  /* Surfaces — bright, airy */
  --color-background: #fbfaf7;
  --color-surface: #ffffff;
  --color-surface-alt: #f3f1ea;
  --color-surface-dark: #2c3340;

  /* Text */
  --color-text: #243040;
  --color-text-muted: #5f6b7a;
  --color-text-inverse: #fffdf8;
  --color-text-inverse-muted: #d7dde6;

  /* Borders */
  --color-border: #e8e4da;
  --color-border-strong: #d2cdc0;
  --color-border-dark: #3d4656;

  /* Status */
  --color-success: #2f7a55;
  --color-success-bg: #eaf6ef;
  --color-error: #b33b3b;
  --color-error-bg: #fbebeb;
  --color-warning: #a67c0f;
  --color-warning-bg: #f8f1de;
  --color-info: #3d6a8a;
  --color-info-bg: #eaf2f7;
  --color-focus: #d4a017;

  /* Typography — Montserrat */
  --font-sans: "Montserrat", "Segoe UI", Arial, "Noto Sans", sans-serif;
  --font-display: "Montserrat", "Segoe UI", Arial, "Noto Sans", sans-serif;
  --font-mono: "Cascadia Code", "Consolas", "Courier New", monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 1.85rem;
  --fs-4xl: 2.15rem;
  --fs-5xl: 2.75rem;

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --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-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Layout */
  --container-width: 72rem;
  --container-narrow: 42rem;
  --container-wide: 80rem;
  --header-height: 4.9rem;
  --header-height-scrolled: 4.35rem;
  --mobile-cta-height: 4rem;
  --section-padding-y: clamp(3.25rem, 7vw, 6rem);

  /* Radius — sharp, architectural */
  --radius-sm: 0;
  --radius-md: 2px;
  --radius-lg: 4px;
  --radius-xl: 0;
  --radius-none: 0;

  /* Shadows — soft daylight */
  --shadow-sm: 0 2px 8px rgba(36, 48, 64, 0.06);
  --shadow-md: 0 8px 24px rgba(36, 48, 64, 0.08);
  --shadow-lg: 0 16px 40px rgba(36, 48, 64, 0.12);
  --shadow-focus: 0 0 0 2px rgba(212, 160, 23, 0.45);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 350ms ease;

  /* Z-index */
  --z-base: 1;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-mobile-nav: 300;
  --z-mobile-cta: 350;
  --z-cookie: 400;
  --z-lightbox: 500;
  --z-skip: 1000;

  /* Theme */
  --theme-color: #2c3340;
}