/* ─────────────────────────────────────────────────────────────────────────── */
/* INFOREISEN — design tokens                                                  */
/*                                                                             */
/* Sibling до Oponytomy. Імена токенів збігаються з `new/css/main.css :root`   */
/* v44 набором — той самий шаблон працює під обома брендами, змінюється        */
/* тільки цей файл під siteId=1.                                               */
/*                                                                             */
/* Значення винесені 1:1 з `main.css :root` (Step A). Baseline main.css        */
/* тепер тримає лише universal токени (spacing / typography / radii scale).    */
/* ─────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── ACCENT (Primary CTA states) ───────────────────────────────────────── */
  /* --accent-hover не існує: hover через filter: brightness(1.04) як у прототипі. */
  --accent-primary:       #005F6E;
  --accent-primary-rgb:   0, 95, 110;  /* rgb() companion to --accent-primary — used in header hairline / icon-btn hover tint (DS §9.12) */
  --accent-pressed:       #024B57;
  --accent-disabled-bg:   #9ba3af;
  --accent-disabled-text: #fffaf2;   /* opaque cream (не 65% opacity) */
  --on-accent:            #fffaf2;   /* текст поверх accent — design system §2.2 (парний до OP --on-accent) */

  /* ── TEXT ──────────────────────────────────────────────────────────────── */
  /* Затемнено 2026-08-24 per DS §2.1 + §16.3 (WCAG 1.4.3). Заміряні провали
     старих значень: --text-placeholder 2.54:1 на білому, --text-muted 3.36:1
     на --bg-page (на білому давав 4.83 і проходив — дефект залежав від фону,
     не від токена). Нові значення отримані затемненням у HLS зі збереженням
     відтінку й насиченості, рівно до порогу 4.5:1.
     --text-muted #595e6a: 6.49 на білому, 6.22 на #fafafa, 5.61 на --bg-subtle,
     4.51 на --bg-page (найтісніша точка, від якої й рахувалось).
     --text-placeholder задає ще й колір шеврона й лупи дропдауна (§10.4) — там
     діє 1.4.11 (поріг 3:1); #6d7788 проходить обидва пороги, окремий токен під
     іконки не потрібен. */
  --text-default:     #0d0e13;
  --text-on-light:    #323744;
  --text-muted:       #595e6a;   /* було #6b7280 */
  --text-placeholder: #6d7788;   /* було #9ba3af */
  --text-subtle:      #6d7788;   /* було #9ba3af */
  --text-inverted:    #fffaf2;

  /* ── SURFACES ──────────────────────────────────────────────────────────── */
  --bg-input:            #ffffff;
  --bg-surface-light:    #ffffff;   /* 2026-08-04: чистий білий per Inforeisen spec (було #fafafa) */
  --bg-surface-elevated: #ffffff;   /* DS §9.12 — pill actions background (with --shadow-card). Same value as light on IF, distinct role. */
  --bg-page:             #d2d8db;
  --bg-chip:             #ddd8d4;
  --bg-subtle:           #f0eeed;
  /* Chip selected state — DS §chip line 2071. INFR: teal accent border + text
     on warm-grey bg; OTM: full inversion (see oponytomy/tokens.css). */
  --chip-selected-fg:     var(--accent-primary);
  --chip-selected-border: var(--accent-primary);

  /* ── BORDERS ───────────────────────────────────────────────────────────── */
  --border-default:    #eaeaea;
  --border-subtle:     #EDEBE9;   /* design system §2.4 (2026-08-10) — hover непофарбованих outline-елементів (Qty-степер §9.3) */
  --border-surface:    #e5e7eb;
  --border-on-surface: rgba(10, 10, 10, .12);  /* DS §9.12 — subtle divider inside white pill surfaces (header actions lang-divider) */

  /* ── STATUS (семантика, поза брендом) — design system §2.5 ─────────────── */
  /* Уніфіковано між брендами 22.08.2026 + кандидат B 23.08.2026. Значення тут і
     в oponytomy/tokens.css мають бути ІДЕНТИЧНІ: статус описує стан даних, а не
     голос бренду. Двохколонкову структуру ДС зберегла навмисно (§15) — якщо
     колись з'явиться підстава розвести бренди назад, вона це витримає.
     Вісь §2.5 — не «добре/погано», а «хто має діяти»:
       success — ніхто, бо дійшли до мети   warning — користувач
       info    — магазин або система        closed  — ніхто, бо вже все
       danger  — ТІЛЬКИ збій (з 23.08.2026 не позначає стан замовлення/оплати) */
  --status-success:      #1A6E63;   /* було #4a7a52 — кандидат B, 5.00→6.08:1 на білому */
  --status-success-soft: #f0f7f6;   /* було #eef4ee */
  --status-success-ink:  #bedad6;   /* було #d6e5d6 */

  --status-warning:      #8a6a3d;
  --status-warning-soft: #f6f0e6;
  --status-warning-ink:  #e3d4b8;

  /* Уніфіковано 10.08.2026 — було бренд-залежне #95524f. Правило: будь-який
     danger/error-текст або -фон у продукті — var(--status-danger), ніколи
     не хардкод-hex. */
  --status-danger:       #b3261e;   /* було #95524f */
  --status-danger-soft:  #f6eeee;   /* було #f6eded */
  --status-danger-ink:   #e3cfcf;   /* було #e6d2d2 */

  --status-info:         #5a708a;
  --status-info-soft:    #eef1f5;
  --status-info-ink:     #d3dce6;

  /* DS §9.22 — темна нейтральна поверхня системного повідомлення.
     Значення збігається з --text-on-light (Inforeifen), і спокуса написати
     background: var(--text-on-light) велика. Робити так НЕ можна: це рівно
     та помилка, яку §9.15 виправляв 10.08.2026, коли крапка радіо-картки
     брала колір із текстового токена замість статусного. Текстовий токен,
     використаний як поверхня, ламається при першій же зміні палітри.
     Поверхня має власну роль — отже, власне ім'я. */
  --bg-notice: #323744;

  /* ── SHADOWS / FOCUS — design system §3 ────────────────────────────────── */
  /* --shadow-card живе в main.css (brand-agnostic). --chip-tooltip-bg видалено
     2026-08-24 — DS §2.3 прибрала токен: заливка тултипа це var(--text-on-light). */
  --shadow-1: 0 1px 2px rgba(13, 14, 19, 0.06), 0 1px 1px rgba(13, 14, 19, 0.04);
  --shadow-2: 0 8px 24px rgba(13, 14, 19, 0.10), 0 2px 6px rgba(13, 14, 19, 0.05);
  --shadow-3: 0 20px 48px rgba(13, 14, 19, 0.14), 0 6px 12px rgba(13, 14, 19, 0.08);

  --focus-ring:       0 0 0 3px rgba(0, 95, 110, 0.32);
  --focus-ring-inset: inset 0 0 0 2px rgba(0, 95, 110, 0.55);

  /* ─────────────────────────────────────────────────────────────────────── */
  /* COMPONENT GEOMETRY                                                      */
  /* ─────────────────────────────────────────────────────────────────────── */

  /* Page-level Primary CTA (login-submit, orders empty CTA) */
  --btn-cta-height:      48px;
  --btn-cta-radius:      12px;
  --btn-cta-padding:     0 16px;
  --btn-cta-font-size:   18px;

  /* Cell-level / medium Primary (add-to-cart Dodaj) */
  --btn-md-height:       40px;
  --btn-md-radius:       12px;
  --btn-md-padding:      0 14px;
  --btn-md-font-size:    20px;

  /* Compact Primary (tablet/desktop 112×36 add-btn) */
  --btn-sm-height:       36px;
  --btn-sm-radius:       8px;
  --btn-sm-font-size:    18px;
  --btn-sm-font-weight:  400;

  --btn-font-weight:     500;

  /* Chip / qty stepper — design system §7 + §9.3 (2026-08-10 pill-outline редизайн) */
  --chip-radius:              8px;   /* 2026-08-10: 4→8 per design system §7 (обидва бренди 8) */
  --chip-font-size:           14px;
  --qty-stepper-height:       40px;
  --qty-stepper-radius:       8px;    /* IF — не pill (навмисна brand-розбіжність, той самий принцип, що btn-sm-radius IF 8/OP pill) */
  --qty-stepper-width:         96px;  /* mobile target */
  --qty-stepper-width-tablet: 108px;
  --qty-stepper-width-desktop:120px;
  --qty-btn-width:             26px;
  --qty-btn-font-size:         18px;  /* символ − / + */
  --qty-value-font-size:       18px;
  --qty-value-weight:          700;   /* виняток з --btn-font-weight IF 500 — число має читатись однаково вагомо в обох брендах */

  /* accent-tinted surfaces (subtle background washes for secondary hover/pressed).
     --shadow-hover-cta прибрано 2026-08-10 per design system §9.1 (hover ефект-тіні
     на Primary CTA скасовано — hover тепер тільки brightness/bg-swap). */
  --bg-accent-tint-soft:    rgba(0, 95, 110, 0.06);
  --bg-accent-tint-medium:  rgba(0, 95, 110, 0.12);
}