/* «Благодать» — кольори.
   Світлі фони. Кожна текстова пара ≥4.5:1 (звичайний текст) / ≥3:1 (великий).
   Червоний — ЛИШЕ помилки форм. Ніде більше. */
:root {
  /* ─ Первинний: глибокий медичний teal ─ */
  --teal-50:  #F0F5F4;
  --teal-100: #DCE9E7;
  --teal-200: #BBD4D0;
  --teal-300: #93BAB4;
  --teal-400: #5E958D;
  --teal-500: #337A71;
  --teal-600: #1C5C55; /* кнопки, посилання · 7.4:1 на --paper */
  --teal-700: #164A45; /* hover */
  --teal-800: #113A36;
  --teal-900: #0C2B28; /* темні поверхні: футер */

  /* ─ Теплий нейтрал: пісочний ─ */
  --paper:    #FBF9F4; /* фон сторінки */
  --sand-50:  #F7F3EA; /* фон секцій */
  --sand-100: #F1EADC; /* фон секцій, бейджі */
  --sand-200: #E6DCC8; /* бордери */
  --sand-300: #D8CCB0; /* декоративні лінії (не межі контролів) */

  /* ─ Чорнило ─ */
  --ink-900: #212B28; /* основний текст · 13.9:1 на --paper */
  --ink-700: #46534F; /* другорядний · 6.8:1 */
  --ink-500: #5F6E69; /* мінімально допустимий · 5.1:1 на --paper */

  /* ─ Статуси ─ */
  --success-text:   #35682C; /* «Є в наявності» · 6.3:1 на --paper */
  --success-bg:     #E9F2E4;
  --success-border: #C4DBBA;

  --warning-text:   #6E4A0E; /* застереження, протипоказання · 7.2:1 на --warning-bg */
  --warning-bg:     #FBF3E0;
  --warning-border: #D9BE85;

  --error-text:   #B3261E; /* ЛИШЕ помилки форм */
  --error-bg:     #FCEEEC;
  --error-border: #B3261E;

  /* ─ Спадковий код старого сайту ─ */
  --heritage-tint: #EEF6E1; /* лише декоративний фон блоків довіри/історії */

  /* ─ Кодування розділів (фон світлий, текст темний) ─ */
  --section-mattress-bg:     #E9F0F6;
  --section-mattress-text:   #1E4E79; /* 7.6:1 на своєму фоні */
  --section-mattress-border: #C9DAE9;

  --section-spine-bg:     #E9F2E4;
  --section-spine-text:   #2F5B27; /* 7.4:1 */
  --section-spine-border: #CBE0C2;

  --section-maternity-bg:     #F9EEF0;
  --section-maternity-text:   #7A3B4A; /* 7.3:1 */
  --section-maternity-border: #EBD3D8;

  /* ─ Семантичні аліаси ─ */
  --bg-page:          var(--paper);
  --surface-card:     #FFFFFF;
  --surface-section:  var(--sand-50);
  --surface-footer:   var(--teal-900);
  --border-subtle:    var(--sand-200);
  --border-input:    #75827C; /* 4.0:1 до білого — видимі межі контролів */
  --text-body:        var(--ink-900);
  --text-secondary:   var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-on-dark:     #E8F1EF; /* 13:1 на --teal-900 */
  --link-on-dark:     #9CC8C0; /* 8.2:1 на --teal-900 */
  --link:             var(--teal-600);
  --link-hover:       var(--teal-700);
  --action-primary:        var(--teal-600);
  --action-primary-hover:  var(--teal-700);
  --action-primary-active: var(--teal-800);
  --focus-ring-color: var(--teal-600);
}