/* ============================================================
   ЯЗНАЮ — дизайн-токены v1 (14.08.2026, гейт 1)
   База: Passionfroot 00-tokens/variables.css.
   Адаптация iknow: индиго-акции, золотое свечение, тёмный слой
   «глубокий космос» (манифест §34). Обоснование: brand/palette.md,
   brand/type.md, design/INVENTORY.md.
   Слои: :root — светлый (пергамент); [data-theme="space"] — тёмный.
   ============================================================ */

:root {
  /* ---- Нейтрали (Passionfroot, как есть) ---- */
  --color-parchment: #f8f7f2;
  --color-linen: #edeae4;
  --color-paper: #ffffff;
  --color-ink: #1d1d1c;
  --color-charcoal: #43423e;
  --color-slate: #7a7974;
  --color-ash: #99978f;
  --color-sand: #d8d6ce;

  /* ---- Тёмный слой (канон «глубокий космос») ---- */
  --color-space: #190922;
  --color-space-2: #221533;
  --color-space-3: #2E2447;
  --color-indigo-soft: #8B84C6;
  --color-night-blue: #082547;     /* финальный блок над футером — в тон ночному фото футера (правка оператора 16.08) */

  /* ---- Акценты iknow ---- */
  --color-indigo: #3A3480;        /* primary-действия (решение оператора) */
  --color-indigo-hover: #2C2766;
  --color-indigo-mist: #EAE8F4;   /* chip/outline-подложка */
  --color-gold: #C9A86A;          /* золотое свечение, отбивки цитат */
  --color-gold-glow: rgba(201, 168, 106, .32);

  /* ---- Семантика (то, чем пользуется вёрстка) ---- */
  --bg-page: var(--color-parchment);
  --bg-card: var(--color-paper);
  --bg-card-2: var(--color-linen);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-charcoal);
  --text-muted: var(--color-ash);
  --border-hairline: var(--color-sand);
  /* Кнопки: решение полировки 14.08 — как на живом Passionfroot, без цветной заливки.
     Индиго остаётся в ссылках/пилюлях/кикерах (см. palette.md). */
  --action-bg: var(--color-ink);
  --action-bg-hover: #000000;
  --action-text: var(--color-parchment);
  --link: var(--color-indigo);
  --quote-accent: var(--color-gold);

  /* Стекло (нав, ghost-кнопки) */
  --glass-dark: rgba(20, 11, 28, 0.45);
  --glass-light: rgba(255, 255, 255, 0.65);
  --glass-white: rgba(255, 255, 255, 0.08);
  --glass-ring: rgba(255, 255, 255, 0.2);
  --glass-blur: blur(12px);

  /* Градиент-подложки цитат (адаптация кейс-карточек примера) */
  --gradient-quote-a: linear-gradient(135deg, #EAE8F4 0%, #F6EBD9 100%);
  --gradient-quote-b: linear-gradient(135deg, #F6EBD9 0%, #EFEDE6 100%);
  --gradient-quote-c: linear-gradient(135deg, #E7E4F0 0%, #F8F3E4 55%, #F1EEE7 100%);

  /* ---- Слой Ольги (страница /olga): та же система, сливово-розовая ветка ----
     Палитра снята с её афиши «Тело помнит всё» (research/olga-design-notes.md):
     песочный камень, глубокий сливовый, пыльная роза. Меняются только заливки
     кнопок, панелей и цитат — типографика, сетка, радиусы и тени общие. */
  --color-olga-plum: #4B2C3D;
  --color-olga-plum-deep: #33202C;
  --color-olga-rose: #A96A72;       /* акцент; для мелкого текста контраста не хватает */
  --color-olga-rose-mist: #EEDADD;
  --color-olga-sand: #EFE7DC;
  --color-olga-glow: rgba(169, 106, 114, 0.32);
  --gradient-olga-action: linear-gradient(128deg, #4B2C3D 0%, #7C4353 52%, #A96A72 100%);
  --gradient-olga-action-hover: linear-gradient(128deg, #33202C 0%, #63343F 52%, #8E545C 100%);
  --gradient-olga-panel: linear-gradient(128deg, #F3E9DD 0%, #F2E2DC 38%, #EEDADD 70%, #E9D3DA 100%);
  --gradient-olga-quote: linear-gradient(135deg, #F6EEE5 0%, #EFDEE0 100%);

  /* ---- Градиенты ---- */
  --gradient-hero:
    radial-gradient(120% 80% at 50% 100%, var(--color-gold-glow) 0%, rgba(25, 9, 34, 0) 65%),
    linear-gradient(180deg, var(--color-space) 0%, var(--color-space-2) 45%, var(--color-space-3) 100%);
  --scrim-dark: linear-gradient(rgba(20, 10, 28, 0.8) 0%, rgba(20, 10, 28, 0.25) 60%, rgba(0, 0, 0, 0) 100%);

  /* ---- Типографика (brand/type.md) ---- */
  --font-display: 'Literata', 'Source Serif 4', Georgia, serif;
  --font-ui: 'Nunito Sans', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-hand: 'Caveat', 'Segoe Script', cursive; /* рукописные подписи (полароиды hero) */

  --text-display-lg: 72px; --leading-display-lg: 1.15; --tracking-display-lg: -0.023em;
  --text-display: 64px;    --leading-display: 1.2;     --tracking-display: -0.023em;
  --text-heading: 48px;    --leading-heading: 1.2;     --tracking-heading: -0.013em;
  --text-heading-sm: 28px; --leading-heading-sm: 1.35; --tracking-heading-sm: -0.010em;
  --text-subheading: 20px; --leading-subheading: 1.4;  --tracking-subheading: -0.012em;
  --text-body: 16px;       --leading-body: 1.5;        --tracking-body: -0.011em;
  --text-body-sm: 14px;    --leading-body-sm: 1.43;    --tracking-body-sm: -0.011em;
  --text-caption: 12px;    --leading-caption: 1.5;     --tracking-caption: -0.010em;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---- Spacing (Passionfroot, как есть) ---- */
  --spacing-4: 4px; --spacing-6: 6px; --spacing-8: 8px; --spacing-10: 10px;
  --spacing-12: 12px; --spacing-16: 16px; --spacing-20: 20px; --spacing-24: 24px;
  --spacing-32: 32px; --spacing-48: 48px; --spacing-64: 64px; --spacing-80: 80px;
  --spacing-96: 96px;

  /* ---- Layout ---- */
  --page-max-width: 1200px;
  --section-gap: 64px;
  --card-padding: 16px;

  /* ---- Радиусы (полный словарь формы) ---- */
  --radius-cards: 12px;
  --radius-large-cards: 16px;
  --radius-special: 24px;
  --radius-pills: 9999px;
  --radius-buttons: 12px;
  --radius-inputs: 12px;

  /* ---- Тени (тёплые oklch-кольца Passionfroot) ---- */
  --shadow-border-default:
    0px 0px 0px 1px #edeae4,
    0px 1px 1px -0.5px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 3px 3px -1.5px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 6px 6px -3px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 12px 12px -6px color-mix(in oklch, oklch(23% 0.002 98) 2%, transparent);
  --shadow-border-strong:
    0px 0px 0px 1px oklch(87.6% 0.011 98),
    0px 1px 1px -0.5px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 3px 3px -1.5px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 6px 6px -3px color-mix(in oklch, oklch(23% 0.002 98) 4%, transparent),
    0px 12px 12px -6px color-mix(in oklch, oklch(23% 0.002 98) 2%, transparent),
    0px 24px 24px -12px color-mix(in oklch, oklch(23% 0.002 98) 2%, transparent);
  --card-shadow-rest: rgba(9, 14, 21, 0.06) 0px 1px 6px, rgba(9, 14, 21, 0.10) 0px 2px 16px;
  --card-shadow-hover: rgba(9, 14, 21, 0.08) 0px 4px 14px, rgba(9, 14, 21, 0.16) 0px 12px 40px;
  --shadow-on-dark-rest: rgba(0, 0, 0, 0.12) 0px 4px 24px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  --shadow-on-dark-strong: rgba(0, 0, 0, 0.30) 0px 4px 24px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px;

  /* ---- Движение (transitions.css Passionfroot) ---- */
  --ease-out-strong: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-soft: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-quint: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-lift: transform 0.2s var(--ease-out-soft), box-shadow 0.2s var(--ease-out-soft);
  --transition-colors: background-color 0.15s, color 0.15s, border-color 0.15s;
  --transition-accordion: grid-template-rows 0.3s var(--ease-out-quint);
  --animation-duration: 0.5s;
  --animation-easing: var(--ease-out-strong);
  --animation-delay: 0s;
}

/* ---- Тёмный слой: hero, финал ---- */
[data-theme="space"] {
  --bg-page: var(--color-space);
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-2: rgba(255, 255, 255, 0.07);
  --text-primary: var(--color-parchment);
  --text-secondary: rgba(248, 247, 242, 0.75);
  --text-muted: rgba(248, 247, 242, 0.55);
  --border-hairline: rgba(248, 247, 242, 0.14);
  --link: var(--color-indigo-soft);
  --card-shadow-rest: var(--shadow-on-dark-rest);
  --card-shadow-hover: var(--shadow-on-dark-strong);
}

/* ============================================================
   Резерв глубоких страниц (пастель Passionfroot) — НЕ для фасада.
   Раскомментировать точечно на страницах слоя «глубина», если
   понадобится цветовая маркировка материалов курса.
   --color-accent-pink: #f788d2;  --color-accent-orange: #ff9147;
   --color-accent-teal: #4ad5e8;  --color-accent-blue: #51b1fb;
   --color-accent-yellow: #ffe747; --color-accent-green: #58df8c;
   ============================================================ */