/* ============================================================
   АРХИТЕКТОРЫ ФИНАНСОВ — Design Tokens (Brandbook v3.0 — СВЕТЛАЯ ТЕМА)
   Палитра из «Отчёта собственнику» (PDF): тёплый крем + золото + рубин/зелёный.
   Реколор v2: имена токенов сохранены, ЗНАЧЕНИЯ переведены в светлую семантику,
   чтобы существующие usages (color:var(--c-ivory), border:var(--gold-line) …)
   автоматически давали корректный светлый результат.
   Источник правды: arhifin_recolor_brief.txt / PDF-отчёт.
   ============================================================ */

:root {
  /* --- Светлые поверхности --- */
  --c-paper:        #FBF9F5; /* фон страницы — тёплый крем */
  --c-paper-deep:   #F3EEE4; /* «утопленная» полоса (бывш. bg-deep) */
  --c-card:         #FFFFFF; /* карточки на креме */
  --c-card-tint:    #FBF7EC; /* мягкая кремовая карточка-акцент */
  --c-mint:         #FBFDFB;
  --c-green-tint:   #F4F8F4;
  --c-hairline:     #E4DCCB; /* бежевый волосок-разделитель */

  /* --- Чернила/текст --- */
  --c-ink:          #1A1D26; /* основной текст */
  --c-ink-2:        #3A3D47; /* вторичный текст */
  --c-taupe:        #8C8578; /* мута/мета — тёплый taupe */

  /* --- Золото / акценты --- */
  --c-gold:         #C9A84C; /* акцент — линии, eyebrow, подчёркивания (≤12% площади) */
  --c-amber:        #B8943C; /* hover/active — чуть глубже, читаемо на светлом */
  --c-gold-old:     #A8863A; /* «золотой текст» на светлом (контрастнее) */
  --c-ruby:         #8B1A2B; /* ТОЛЬКО риски/потери */
  --c-garnet:       #6B1420; /* hover для ruby */
  --c-green:        #1E6B43; /* плюс / выигрыш / «А-класс» */

  /* --- Редкий ТЁМНЫЙ акцент (как карточка «РЕКОМЕНДАЦИЯ» в PDF) --- */
  --c-graphite-acc: #1A1D26; /* фон одного премиум-блока (featured-тариф) */
  --c-obsidian-acc: #14161D; /* глубже — вложенные элементы тёмного блока */

  /* --- АЛИАСЫ под старые usages (перевод в светлую семантику) --- */
  --c-graphite:     #FFFFFF; /* было «фон/карточки» → теперь белая карточная поверхность */
  --c-obsidian:     #1A1D26; /* было «hero/footer фон» → теперь = чернила (текст на золоте, чипы) */
  --c-ivory:        #1A1D26; /* было «текст на тёмном» → теперь основной тёмный текст */
  --c-warm-grey:    #3A3D47; /* вторичный текст на светлом */
  --c-ash:          #8C8578; /* мута/подписи — taupe */
  --c-bone:         #FBF9F5; /* светлый фон-крем */

  /* Производные линии (на светлом: бежевый волосок + редкое золото) */
  --gold-line:         #E4DCCB;                /* основная разделительная линия = бежевая */
  --gold-line-hover:   rgba(201, 168, 76, 0.45); /* золотая акцент-обводка (hover/feat) */
  --gold-glow:         rgba(201, 168, 76, 0.10);
  --ruby-line:         rgba(139, 26, 43, 0.30);

  /* Мягкие тёплые тени светлой темы */
  --shadow-card:    0 1px 2px rgba(26,29,38,0.04), 0 10px 30px -18px rgba(26,29,38,0.16);
  --shadow-lift:    0 4px 10px rgba(26,29,38,0.06), 0 22px 48px -22px rgba(26,29,38,0.22);

  /* --- Типографика --- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "PT Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "PT Mono", "JetBrains Mono", ui-monospace, monospace;

  /* Шкала размеров (clamp из брендбука) */
  --fs-h1:    clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --fs-h2:    clamp(1.75rem, 3vw + 0.5rem, 2.75rem);
  --fs-h3:    clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
  --fs-body:  1rem;      /* 16px */
  --fs-lead:  1.1875rem; /* 19px — крупный вводный абзац */
  --fs-caption: 0.875rem;
  --fs-eyebrow: 0.75rem;

  --lh-display: 1.06;
  --lh-body:    1.65;

  /* --- Воздух (премиум = пространство) --- */
  --section-y:     96px;  /* desktop отступ секции */
  --section-y-mob: 64px;
  --card-pad:      40px;  /* 32-48px */
  --measure:       680px; /* макс. ширина текста */
  --container:     1200px;
  --gap:           24px;

  /* --- Прочее --- */
  --radius:    8px;
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1); /* ease-out строгий */
  --dur:       0.6s;
  --border:    1px solid var(--gold-line);
}
