/* ============================================================
   Maxim Demidov — Design Tokens
   Оцифровано из брендбука (28.04.26). Источник палитры:
   логотип-SVG + паттерны Almond/Emerald/Ripe figs/Opal.
   Подключать первым файлом на сайтах/лендингах/презентациях.
   ============================================================ */

/* ---------- Шрифт Blink (бренд-гарнитура) ---------- */
@font-face{font-family:'Blink';src:url('./fonts/Blink-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Blink';src:url('./fonts/Blink-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Blink';src:url('./fonts/Blink-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}

:root{
  /* ---------- Цвет: 4 фирменных + нейтрали ---------- */
  --almond:        #EFE9DF;  /* фон-основа, нейтральный холст (50–90%) */
  --almond-deep:   #E3D9C9;  /* карточки, заливки, разделители на almond */
  --ripe-figs:     #320C35;  /* PRIMARY — плам, ключевой акцент (10–20%) */
  --ripe-figs-soft:#5C2A60;  /* hover/активные состояния плама */
  --opal:          #AD95B7;  /* вторичный, только в паре с Ripe figs */
  --opal-pale:     #D9CCDF;  /* светлый opal — фоновые заливки, бейджи */
  --emerald:       #1F322E;  /* доп. — упаковка, печать, акценты-2 (10%) */
  --ink:           #1A1714;  /* текст */
  --paper:         #FFFFFF;
  --line:          rgba(50,12,53,.16);   /* хейрлайны = figs @ alpha */
  --line-on-dark:  rgba(217,204,223,.28);

  /* ---------- Роли (семантика) ---------- */
  --bg:            var(--almond);
  --surface:       var(--paper);
  --text:          var(--ink);
  --text-muted:    #6E6357;
  --accent:        var(--ripe-figs);
  --accent-2:      var(--emerald);

  /* ---------- Типографика (Blink) ---------- */
  --font:          'Blink', 'Cormorant Garamond', Georgia, serif;
  --tracking-label:.20em;     /* капс-лейблы */
  /* модульная шкала (≈1.32) */
  --t-label: .78rem;
  --t-body:  1.0625rem;       /* 17px */
  --t-lead:  1.375rem;
  --t-h3:    1.5rem;
  --t-h2:    2.25rem;
  --t-h1:    3.25rem;
  --t-display:5rem;
  --t-hero:  7rem;
  --lh-tight:1.05;
  --lh-body: 1.62;

  /* ---------- Пространство / форма ---------- */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem; --s6:6rem; --s7:9rem;
  --maxw: 1180px;
  --radius: 2px;             /* почти прямые углы — ювелирная строгость */
  --shadow: 0 24px 60px -28px rgba(50,12,53,.45);
}