/* tokens — Виктор Данч · BRAND_VISUAL v3.0
 * Палитра 13 цветов, 2 шрифта (Crimson Pro + Inter), бордовый/синий акценты.
 * Hard Rules из брендбука: фон #F0ECE6, текст Navy/Charcoal/Slate, CTA бордо #9B2D30.
 */

:root {
  /* ── Type scale (brandbook sizes) ───────────────────────── */
  --text-xs:   0.75rem;     /* 12 — UI labels only */
  --text-sm:   0.875rem;    /* 14 — captions (min) */
  --text-base: 1rem;        /* 16 — body min */
  --text-md:   1.125rem;    /* 18 — body desktop */
  --text-lg:   1.375rem;    /* 22 — lede */
  --text-xl:   1.75rem;     /* 28 — H3-ish */
  --text-2xl:  2.25rem;
  --text-3xl:  2.75rem;

  --lh-tight:   1.08;
  --lh-snug:    1.2;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --tracking-normal: 0;

  /* ── 4pt spacing scale ──────────────────────────────────── */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;
  --space-4xl: 10rem;

  --page-max:    72rem;
  --measure:     60ch;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --rule-hair:   0.5px;
  --rule-fine:   1px;

  /* ── Motion ─────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  --z-sticky: 200;
  --z-rail:   300;
}

/* ── Виктор Данч — BRAND_VISUAL palette ─────────────────────── */
[data-theme="plume"] {
  /* Backgrounds */
  --color-paper:      #F0ECE6;   /* Italian Paper — основной фон */
  --color-paper-2:    #E6E0D9;   /* Almond — карточки, банды */
  --color-paper-3:    #EAE0C8;   /* Pearl — альт. карточки */
  --color-quote-bg:   #F5DEB4;   /* Wheat — цитаты/callout */

  /* Rules / borders (Camel family — decoration) */
  --color-rule:       #DBD1C0;   /* мягкая тёплая линия */
  --color-rule-2:     #C19A6B;   /* Camel — рамки */

  /* Text */
  --color-ink:        #002137;   /* Midnight Navy — H1-H2 (14:1) */
  --color-ink-2:      #36454F;   /* Charcoal Slate — тело (8.4:1) */
  --color-neutral:    #1B2631;   /* Slate Blue — подзаголовки (10.5:1) */
  --color-muted:      #5C6B73;   /* читаемый серый — лейблы/мета */

  /* Accents */
  --color-accent:     #9B2D30;   /* Deep Bordeaux — CTA действие (6.3:1) */
  --color-accent-ink: #F0ECE6;   /* текст на бордо */
  --color-accent-2:   #7E2427;   /* тёмный бордо — hover, ключевые слова */
  --color-blue:       #395778;   /* Moderate Blue — ссылки/инфо (6.4:1) */
  --color-focus:      #395778;

  /* Fonts — ТОЛЬКО Crimson Pro + Inter (brandbook Hard Rule) */
  --font-display: "Crimson Pro", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif:   "Crimson Pro", Georgia, serif;   /* цитаты, italic */
  --font-label:   "Inter", -apple-system, system-ui, sans-serif;

  --display-weight: 700;
  /* H1 ~36→56px, H2 ~30→44px (brandbook) */
  --text-display:   clamp(2.25rem, 4.2vw + 0.9rem, 3.5rem);
  --text-display-s: clamp(1.875rem, 2.6vw + 0.6rem, 2.75rem);

  --tracking-display: -0.01em;
  --tracking-tight:   -0.005em;
  --tracking-label:   0.08em;

  --radius-card:  14px;
  --radius-pill:  999px;
  --radius-input: 10px;
  --shadow-card:  0 8px 24px -10px rgba(0, 33, 55, 0.18);
}