/* =========================================================
   BABAY — дизайн-токени
   Бренд-константи з брендбука 1.1: Ink / Paper / Orange (акцент змінено з Olive #6B7154).
   Решта — інтерфейсні похідні. Змінювати тільки тут.
   ========================================================= */
:root{
  /* бренд */
  --ink:        #2C2E35;
  --paper:      #F2F1ED;
  --accent:     #E97120;   /* Orange: тло смуг (текст на ньому — темний), лінії, рамки */

  /* темна основа сайту (похідні від Ink) */
  --stage:      #0A0B0F;   /* «сцена» під студійні фото — збігається з тлом зйомки */
  --ground:     #16181D;   /* фон сторінки */
  --surface:    #1E2026;   /* картки, панелі */
  --surface-2:  #26282F;
  --line:       #33363E;
  --line-soft:  #25272E;

  /* текст на темному */
  --text:       #F2F1ED;
  --dim:        #A4A6AC;
  --mute:       #8D8F96;   /* AA ≥ 4.5:1 на stage/ground/surface/surface-2 (було #6F7178 — 3.0–4.0) */

  /* світлі секції (Paper) */
  --paper-2:    #E7E6E0;
  --paper-line: #D3D2CB;
  --on-paper:   #2C2E35;
  --on-paper-dim:#5B5E66;

  /* акцент */
  --accent-lit: #EC823C;   /* текст на темному: ≥ 5.4:1 на stage…surface-2; темний текст на ньому 6.6:1 */
  --accent-deep:#9E4810;   /* текст на Paper 5.5:1; Paper-текст на ньому 5.5:1 */
  --danger:     #E5484D;   /* помилка форми: рамка й маркер (не текст); червоний — щоб не зливався з акцентом */

  /* шрифти (у темі — self-hosted woff2) */
  --f-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --f-body:    "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "IBM Plex Mono", "SF Mono", Consolas, monospace;

  /* шкала */
  --fs-hero:  clamp(40px, 6.2vw, 84px);
  --fs-h1:    clamp(32px, 4.6vw, 58px);
  --fs-h2:    clamp(26px, 3.3vw, 42px);
  --fs-h3:    clamp(19px, 1.6vw, 22px);
  --fs-lead:  clamp(17px, 1.5vw, 19px);
  --fs-body:  16px;
  --fs-small: 14px;
  --fs-label: 11px;

  /* сітка і ритм */
  --max:   1320px;
  --gut:   clamp(16px, 3.5vw, 44px);
  --sec:   clamp(72px, 9vw, 132px);
  --gap:   clamp(16px, 2vw, 24px);

  --ease: cubic-bezier(.2,.7,.2,1);
}