/* ============================================================
   СОНЯШНИК — дизайн-токени (за референсом Sonyashnyk Cottage)
   ============================================================ */
:root {
  /* --- Кольори --- */
  --c-bg: #F2F2F2;
  --c-oat: #efe9e0;
  --c-sageband: #ddebef;
  --c-limeband: #F2F2F2;
  --c-herbband: #F2F2F2;
  --c-roseblock: #e6f0e4;
  --c-ink: #333333;
  --c-body: #333333;
  --c-muted: #555555;
  --c-sage: #419C3E;
  --c-sagehover: #348033;
  --c-rose: #419C3E;
  --c-border: #D0D0D0;
  --c-announce: #2f5b32;
  --c-announcetext: #f4f7de;
  --c-gold: #dbe556;
  --c-surface: #ffffff;
  --c-danger: #a13b3b;
  --c-success: #3d6b3f;
  --c-cart: #419C3E;
  --c-card-btn: #EAE7DE;
  --c-card-btn-hover: #FFF7AB;
  --c-new: #fbee79;

  /* --- Типографіка --- */
  --f-display: 'Fixel Display', 'Segoe UI', sans-serif;
  --f-brand: 'Fixel Display', 'Segoe UI', sans-serif;
  --f-accent: 'Fixel Display', 'Segoe UI', sans-serif;
  --f-body: 'Fixel Text', 'Segoe UI', sans-serif;
  --f-ui: 'Fixel Display', 'Segoe UI', sans-serif;
  --f-hand: 'Caveat', 'Segoe Print', 'Comic Sans MS', cursive;

  /* --- Розміри контейнера --- */
  --container-max: 1400px;
  --gap-page: clamp(16px, 4vw, 40px);

  /* --- Радіуси / тіні --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-card: 24px;
  --shadow-card: 0 10px 24px color-mix(in srgb, var(--c-ink) 10%, transparent);
  --shadow-pop: 0 18px 40px color-mix(in srgb, var(--c-ink) 16%, transparent);

  /* --- Швидкість анімацій --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast: .16s;
  --t-med: .3s;
  --t-slow: .6s;

  /* --- Хедер / z-індекси --- */
  --z-header: 40;
  --z-drawer: 50;
  --z-modal: 60;
  --z-toast: 70;
}

@media (prefers-color-scheme: dark) {
  /* Сайт свідомо тримає світлу "cottage garden" палітру завжди,
     але залишаємо контрольну точку для майбутньої темної теми. */
}