/* ============================================================
   Balabon UA · Specimen Tray
   tokens.css — дизайн-токени. Єдине джерело правди.
   Змінюєш колір/шрифт тут — міняється всюди.
   ============================================================ */

:root {
  /* --- Палітра: папір і метали фурнітури --- */
  --paper:      #F2EDE3;  /* фон сторінки */
  --card:       #FBF8F2;  /* фон карток */
  --well:       #E9E2D3;  /* фотозона, "комірка лотка" */
  --line:       #DAD2C2;  /* основні рамки */
  --line-soft:  #E2DACA;  /* другорядні рамки */

  --ink:        #221E18;  /* основний текст, темні кнопки */
  --ink-soft:   #3A362E;  /* текст у картках */
  --steel:      #5C636E;  /* другорядний текст, іконки */
  --muted:      #8A8271;  /* підписи, плейсхолдери, артикули */

  /* Метали (акценти = покриття товарів) */
  --brass:      #A8843B;  /* головний акцент: CTA, вибране, лічильники */
  --brass-soft: #B08D3E;
  --gold:       #C9A24B;
  --rhodium:    #8C939E;
  --rose:       #B4736A;
  --bronze:     #7A5A3C;

  --success:    #4F7A45;  /* наявність, безкоштовна доставка */
  --danger:     #A34A3A;  /* помилки форм, видалення */

  /* --- Типографіка (повна кирилиця) --- */
  --font-display: 'Unbounded', sans-serif;   /* лого, H1-H2 — дозовано */
  --font-body:    'Golos Text', sans-serif;  /* весь інтерфейс */
  --font-mono:    'IBM Plex Mono', monospace;/* артикули, лічильники, айбрау */

  --fs-h1: 1.45rem;   /* 23px */
  --fs-h2: 1.125rem;  /* 18px */
  --fs-body: 0.875rem;/* 14px */
  --fs-small: 0.75rem;/* 12px */
  --fs-micro: 0.6875rem; /* 11px — мінімум */

  /* --- Геометрія --- */
  --r-sm: 8px;    /* фотозони, комірки */
  --r-md: 12px;   /* картки, поля, опції */
  --r-pill: 999px;/* кнопки, чипи, степери */

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 40px;

  --container: 1080px; /* десктопна ширина контенту */
}