/* Дизайн-токены. Другие CSS-файлы обращаются только к этим переменным. */

:root {
  /* Цвет — светлая тема */
  --c-bg:            #FAF7F2;
  --c-surface:       #F2ECE3;
  --c-surface-alt:   #EDE5D9;
  --c-text:          #2E2A26;
  --c-text-muted:    #6B635A;
  --c-accent:        #7C8B6F;   /* шалфей: линии, иконки, активные состояния */
  --c-accent-soft:   #E8EDE3;
  --c-action:        #B5734F;   /* глина: кнопки CTA */
  --c-action-hover:  #9E6244;
  --c-border:        #E3DACE;
  --c-focus:         #4A5442;

  /* Служебные цвета поверх токенов — не даты бренда, а состояния интерфейса */
  --c-on-action:     #FFFFFF;
  --c-crisis-bg:      var(--c-surface-alt);
  --c-crisis-text:    var(--c-text-muted);

  /* Типографика */
  --f-head: 'Lora', Georgia, serif;
  --f-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;

  --fs-h1: clamp(2.25rem, 5vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-body: clamp(1.0625rem, 1.2vw, 1.125rem);
  --fs-small: 0.9375rem;

  --lh-head: 1.2;
  --lh-body: 1.65;

  /* Пространство — шаг 8px */
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-5: 48px; --s-6: 64px; --s-7: 96px; --s-8: 128px;

  --section-y: clamp(72px, 10vw, 128px);
  --container: 1200px;
  --measure: 680px;   /* максимальная ширина текстовой колонки */

  --radius: 16px;
  --radius-sm: 10px;

  --t-fast: 200ms ease;
  --t-base: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg:          #1B1917;
    --c-surface:     #252220;
    --c-surface-alt: #2E2A27;
    --c-text:        #EDE7DF;
    --c-text-muted:  #A29A90;
    --c-accent:      #9AAB8B;
    --c-accent-soft: #2A3025;
    --c-action:      #C98A62;
    --c-action-hover:#DA9B72;
    --c-border:      #3A352F;
    --c-focus:       #9AAB8B;

    --c-on-action:   #1B1917;
  }
}

:root[data-theme="dark"] {
  --c-bg:          #1B1917;
  --c-surface:     #252220;
  --c-surface-alt: #2E2A27;
  --c-text:        #EDE7DF;
  --c-text-muted:  #A29A90;
  --c-accent:      #9AAB8B;
  --c-accent-soft: #2A3025;
  --c-action:      #C98A62;
  --c-action-hover:#DA9B72;
  --c-border:      #3A352F;
  --c-focus:       #9AAB8B;

  --c-on-action:   #1B1917;
}