/* Tokens — two palettes + shared scales.
   Default = bright (pastel-candy блоки + тёмный бейдж).
   [data-theme="strict"] — тёмный премиум для /vedu. */

:root {
  /* --- spacing scale --- */
  --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 --- */
  --radius-mini: 8px;
  --radius-card: 16px;
  --radius-hero: 24px;
  --radius-full: 9999px;

  /* --- transitions --- */
  --t-fast: 180ms cubic-bezier(0.32, 0.72, 0, 1);
  --t-slow: 600ms cubic-bezier(0.32, 0.72, 0, 1);

  /* --- layout --- */
  --container: 1280px;
  --pad-x-mobile: 20px;
  --pad-x-tablet: 40px;
  --pad-x-desktop: 64px;

  /* ========== BRIGHT — bento candy palette ========== */

  /* Нейтральные */
  --bg-primary:   #F9F9F1;   /* фон страницы */
  --bg-secondary: #F3F1E4;   /* вторичный фон (чуть темнее основного) */
  --bg-inverse:   #141414;   /* тёмный акцент (бейдж, футер) */
  --fg-primary:   #141414;   /* основной текст */
  --fg-secondary: #3D3D36;   /* вторичный текст */
  --fg-muted:     #6D6B60;   /* третичный текст (darker for AA contrast) */
  --fg-inverse:   #F9F9F1;   /* светлый текст на тёмном */
  --surface-card: #FFFFFF;   /* белые карточки / попапы */

  /* Яркие плашки (фон + текст) */
  --c-lavender:     #C1B0E4;  --c-lavender-text:   #59316D;
  --c-flamingo:     #F482A4;  --c-flamingo-text:   #4B1528;
  --c-lime:         #C8D88F;  --c-lime-text:       #2D4410;
  --c-mustard:      #FDDD70;  --c-mustard-text:    #4C4318;
  --c-peach:        #F7A374;  --c-peach-text:      #5A2710;
  --c-frost:        #B6CDDB;  --c-frost-text:      #1A3E56;

  /* Плашки под «мягкие» фоны секций (более выцветшая версия) */
  --c-lavender-soft: #EDE6F7;
  --c-flamingo-soft: #FCE3EB;
  --c-lime-soft:     #EEF3DA;
  --c-mustard-soft:  #FEF5CF;
  --c-peach-soft:    #FDE0CF;
  --c-frost-soft:    #E2EBF1;

  /* Семантические алиасы (старые имена сохранены для совместимости) */
  --accent-chocolate: var(--bg-inverse);    /* главный CTA-цвет теперь чёрный */
  --accent-caramel:   var(--c-peach-text);  /* hover-подсветка (теплая тёмная охра) */
  --accent-berry:     var(--c-flamingo);
  --accent-mint:      var(--c-lime);
  --accent-cream:     var(--c-mustard-soft);

  --border-soft:   rgba(20, 20, 20, 0.08);
  --border-strong: rgba(20, 20, 20, 0.18);

  --state-success: #2E7D32;
  --state-error:   #C92A3A;
  --state-info:    #2D6CDF;

  /* --- typography --- */
  --font-heading: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-accent:  'Fraunces', Georgia, 'Times New Roman', serif;

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

  /* --- shadows --- */
  --shadow-card:  0 4px 12px rgba(20, 20, 20, 0.05);
  --shadow-hover: 0 12px 28px rgba(20, 20, 20, 0.10);
}

/* ========== STRICT — тёмный премиум для /vedu ========== */
[data-theme="strict"] {
  --bg-primary:   #0E0E0E;   /* чистый тёмный, чуть теплее чистого чёрного */
  --bg-secondary: #171717;   /* второстепенный блок */
  --bg-inverse:   #F5EFE2;   /* инверсный (карточки на тёмном) */
  --fg-primary:   #F5EFE2;   /* светлый текст (тёплый бежевый, не чисто-белый) */
  --fg-secondary: #C7BFAE;   /* вторичный */
  --fg-muted:     #7F7A6E;   /* третичный */
  --fg-inverse:   #0E0E0E;   /* тёмный текст на светлых блоках */
  --surface-card: #1B1B1B;   /* карточки */

  /* Единственный акцент — тёплая охра */
  --accent-chocolate: #D4A86A;
  --accent-caramel:   #D4A86A;
  --accent-berry:     #D4A86A;
  --accent-mint:      #D4A86A;
  --accent-cream:     #1B1B1B;

  --border-soft:   rgba(245, 239, 226, 0.10);
  --border-strong: rgba(245, 239, 226, 0.22);

  --state-success: #A9C99B;
  --state-error:   #E88080;

  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;

  --shadow-card:  none;
  --shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.5);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}