/* ==========================================================================
   CSS Custom Properties — SkandiWebsite
   ========================================================================== */

:root {
  color-scheme: light;
  /* --- Кольори --- */
  --color-bg:           #f8f7f4;
  --color-bg-secondary: #f0eeea;
  --color-bg-dark:      #1a1a1a;
  --color-surface:      #ffffff;
  --color-surface-alt:  #f4f2ed;

  --color-text:         #1a1a1a;
  --color-text-muted:   #6b6866;
  --color-text-light:   #9a9896;
  --color-text-on-dark: #f8f7f4;

  --color-accent:       #4a7c59;   /* скандинавський зелений */
  --color-accent-hover: #3d6849;
  --color-accent-light: #e8f0eb;

  --color-border:       #e2dfd9;
  --color-border-dark:  #c8c4bc;

  /* --- Типографіка --- */
  --font-heading:    'Cormorant Garamond', 'Georgia', serif;
  --font-body:       'Inter', 'Helvetica Neue', sans-serif;

  --text-xs:    clamp(0.75rem,  0.9vw,  0.8125rem);
  --text-sm:    clamp(0.875rem, 1vw,    0.9375rem);
  --text-base:  clamp(1rem,     1.2vw,  1.0625rem);
  --text-lg:    clamp(1.125rem, 1.5vw,  1.25rem);
  --text-xl:    clamp(1.375rem, 2.5vw,  1.875rem);
  --text-2xl:   clamp(1.875rem, 4vw,    2.75rem);
  --text-3xl:   clamp(2.5rem,   6vw,    4rem);
  --text-4xl:   clamp(3rem,     8vw,    5.5rem);

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  --tracking-tight:  -0.03em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.15em;

  /* --- Відступи --- */
  --spacing-xs:   0.5rem;
  --spacing-sm:   1rem;
  --spacing-md:   2rem;
  --spacing-lg:   4rem;
  --spacing-xl:   7rem;
  --spacing-2xl: 11rem;

  /* --- Контейнер --- */
  --container-width: 1280px;
  --container-padding: clamp(1rem, 5vw, 4rem);

  /* --- Скруглення --- */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;

  /* --- Переходи --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* --- Тіні --- */
  --shadow-sm: 0 1px 4px rgba(26, 26, 26, 0.06);
  --shadow-md: 0 4px 20px rgba(26, 26, 26, 0.08);
  --shadow-lg: 0 8px 40px rgba(26, 26, 26, 0.12);

  /* --- Z-index --- */
  --z-nav:    100;
  --z-overlay: 200;
  --z-modal:   300;

  /* --- Header height --- */
  --header-height: 72px;
}

/* ==========================================================================
   DARK THEME — removed (only light theme is supported)
   ========================================================================== */