/* Алия Прайм — Style Tokens (Фаза 3.5)
 * Бренд: Aliyah Prime, премиум-юр.помощь по гражданству Израиля
 * Дата: 2026-06-09 */

:root {
  /* === Палитра === */
  --ink:           #0D1B3D;  /* Deep Sapphire — основной */
  --ink-soft:      #1A2950;  /* Hover / accents */
  --gold:          #C9A86A;  /* Jerusalem Gold — акцент */
  --gold-deep:     #A88848;  /* Hover gold */
  --gold-soft:     #E3C896;  /* Background tint */
  --warm-white:    #F8F5F0;  /* Parchment — основной фон */
  --pure-white:    #FFFFFF;  /* Карточки, контраст */
  --text-dark:     #1A1F2E;  /* Almost Black — body */
  --text-mid:      #6B7488;  /* Stone Gray — secondary */
  --text-muted:    #A8AEBC;  /* Cool Gray — captions */
  --line:          #E5E0D5;  /* Sand — divisors */
  --line-strong:   #C8C2B0;  /* Hover lines */
  --ok:            #4A7C59;  /* Olive — success */
  --warn:          #C77D3E;  /* Terracotta — caution */

  /* === Семантические === */
  --bg:            var(--warm-white);
  --bg-card:       var(--pure-white);
  --bg-dark:       var(--ink);
  --accent:        var(--gold);
  --accent-deep:   var(--gold-deep);
  --text:          var(--text-dark);
  --text-secondary: var(--text-mid);
  --border:        var(--line);

  /* === Типографика === */
  --font-serif:    'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-serif-italic: 'Cormorant Garamond', Georgia, serif;
  --font-sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:     ui-monospace, 'SF Mono', Monaco, 'Cascadia Mono', monospace;

  /* Шкала размеров (modular scale 1.25) */
  --fs-xs:    0.75rem;   /* 12px - captions, метки */
  --fs-sm:    0.875rem;  /* 14px - small text */
  --fs-base:  1rem;      /* 16px - body */
  --fs-md:    1.125rem;  /* 18px - large body */
  --fs-lg:    1.25rem;   /* 20px - subheads */
  --fs-xl:    1.5rem;    /* 24px - H4 */
  --fs-2xl:   2rem;      /* 32px - H3 */
  --fs-3xl:   2.625rem;  /* 42px - H2 */
  --fs-4xl:   3.5rem;    /* 56px - H1 / Hero */
  --fs-5xl:   4.5rem;    /* 72px - Hero large */

  /* Веса */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* Высота строки */
  --lh-tight:    1.15;  /* заголовки */
  --lh-snug:     1.3;   /* подзаголовки */
  --lh-normal:   1.55;  /* body */
  --lh-loose:    1.75;  /* большие куски текста */

  /* Letter-spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.05em;
  --tracking-wider:  0.12em;
  --tracking-widest: 0.22em;

  /* === Пробелы === */
  --space-1:  0.25rem;   /* 4px */
  --space-2:  0.5rem;    /* 8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.5rem;    /* 24px */
  --space-6:  2rem;      /* 32px */
  --space-7:  3rem;      /* 48px */
  --space-8:  4rem;      /* 64px */
  --space-9:  5rem;      /* 80px */
  --space-10: 7.5rem;    /* 120px - между секциями */

  /* === Сетка === */
  --container-max: 1200px;
  --container-pad: 1.5rem;

  /* === Углы === */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --radius-xl:  16px;

  /* === Тени (мягкие, premium) === */
  --shadow-sm:  0 1px 2px rgba(13, 27, 61, 0.04), 0 1px 3px rgba(13, 27, 61, 0.06);
  --shadow-md:  0 4px 12px rgba(13, 27, 61, 0.06), 0 2px 4px rgba(13, 27, 61, 0.04);
  --shadow-lg:  0 12px 32px rgba(13, 27, 61, 0.08), 0 4px 12px rgba(13, 27, 61, 0.05);
  --shadow-gold: 0 4px 24px rgba(201, 168, 106, 0.18);

  /* === Длительности === */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 380ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* === Базовые стили === */

* { box-sizing: border-box; }

html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--text);
  background: var(--bg);
}

h1, h2, h3, h4 {
  font-family: var(--font-serif);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-tight);
  line-height: var(--lh-tight);
  color: var(--ink);
  margin: 0 0 var(--space-5);
}

h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-2xl); }
h4 { font-size: var(--fs-xl); }

p { margin: 0 0 var(--space-4); }

a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--gold); transition: color var(--transition-fast); }
a:hover { color: var(--gold-deep); }

/* === Контейнер === */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

/* === Утилитные акценты === */
.text-gold { color: var(--gold); }
.text-serif { font-family: var(--font-serif); }
.text-mid { color: var(--text-mid); }
.text-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--gold);
}
.divider-gold {
  width: 60px;
  height: 1px;
  background: var(--gold);
  border: 0;
  margin: var(--space-5) 0;
}