/* ============================================================
   LUMÉRA — Design tokens
   Премиум как personapremium.ru: тёмная база + приглушённое
   бежево-песочное золото, чередование тёмных и светлых секций.
   ============================================================ */
:root {
  /* — Тёмные поверхности — */
  --noir:        #14110D;
  --noir-2:      #1C1813;
  --noir-3:      #262019;
  --noir-4:      #342C22;

  /* — Светлые поверхности — */
  --paper:       #F3EEE6;
  --paper-2:     #ECE4D7;
  --ink:         #1A1611;

  /* — Приглушённое золото (как в референсе ≈#B49F6C) — */
  --gold:        #B49F6C;
  --gold-bright: #CDBA8A;
  --gold-deep:   #8C7A4E;

  /* — Текст — */
  --cream:       #F1EBE1;
  --muted:       #A89C86;   /* второстепенный на тёмном */
  --muted-light: #6B6353;   /* второстепенный на светлом */

  --line:        rgba(180, 159, 108, .26);   /* на тёмном */
  --line-light:  rgba(140, 122, 78, .30);    /* на светлом */
  --line-soft:   rgba(241, 235, 225, .10);

  --grad-gold: linear-gradient(135deg, #CDBA8A 0%, #B49F6C 55%, #8C7A4E 100%);

  /* — Типографика — */
  --font-display: 'Prata', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --text-hero:  clamp(2.6rem, 1rem + 7vw, 6rem);
  --text-h2:    clamp(1.7rem, 1rem + 2.6vw, 3rem);
  --text-h3:    clamp(1.1rem, 1rem + .5vw, 1.35rem);
  --text-base:  clamp(1rem, .96rem + .2vw, 1.1rem);
  --text-eyebrow: .72rem;

  --leading-tight: 1.12;
  --leading-body: 1.65;
  --tracking-eyebrow: .28em;
  --tracking-title: .04em;

  /* — Раскладка — */
  --container: 1180px;
  --gutter: clamp(1.25rem, 1rem + 2.4vw, 2.75rem);
  --space-section: clamp(4rem, 2.5rem + 5.5vw, 8.5rem);
  --topbar-h: 56px;
  --navbar-h: 52px;
  --header-h: 108px;

  --radius: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow-card: 0 22px 55px -30px rgba(0, 0, 0, .8);
  --shadow-soft: 0 12px 30px -20px rgba(0, 0, 0, .55);
  --glow-gold: 0 22px 55px -34px rgba(180, 159, 108, .7);

  --dur-fast: .25s;
  --dur: .6s;
  --dur-slow: 1s;
  --ease: cubic-bezier(.16, 1, .3, 1);
}
