/* ============================================================
   AA-UK design tokens — v1, 16.09.2026
   Все контрасты посчитаны (WCAG 2.1, sRGB). Значения в комментариях.
   ============================================================ */
:root {
  /* --- Поверхности --- */
  --paper:        #FBF7F1;  /* фон страницы, тёплая бумага */
  --sand:         #F3EBE0;  /* чередующаяся полоса, карточка квиза */
  --white:        #FFFFFF;  /* карточки, поля ввода */
  --brand:        #0E4A4F;  /* тёмная полоса, шапка футера, логотип */
  --brand-deep:   #0A3538;  /* нажатое состояние тёмной полосы */

  /* --- Текст --- */
  --ink:          #1B1A18;  /* основной текст. 16.29:1 на paper, 17.39:1 на white */
  --ink-2:        #45403A;  /* второстепенный.  9.61:1 на paper, 8.68:1 на sand  */
  --ink-on-dark:  #FBF7F1;  /* текст на brand. 9.32:1 */

  /* --- Действие --- */
  --action:       #8A2E12;  /* фон главной кнопки. white на нём 8.47:1 */
  --action-deep:  #6E2410;  /* hover / active. white на нём 10.92:1 */
  --action-text:  #8A2E12;  /* ссылка на paper 7.93:1, на sand 7.17:1 */

  /* --- Смысловые --- */
  --money:        #0F5340;  /* сумма фунтов. 8.44:1 на paper */
  --error:        #A3161B;  /* 7.32:1 на paper */
  --focus:        #FFCF3A;  /* кольцо фокуса. ink на нём 11.79:1 */

  /* --- Линии --- */
  --line:         #D9CFC2;  /* только декоративные хайрлайны, НЕ текст (1.44:1) */
  --line-input:   #45403A;  /* рамка поля 2px — это ink-2, 10.26:1 на белом */

  /* --- Шрифты --- */
  --font-head: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible",
               "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* --- Радиусы --- */
  --r-img: 20px;   /* любая фотография */
  --r-card: 16px;
  --r-btn: 12px;
  --r-input: 12px;
  --r-pill: 999px;

  /* --- Тени (одна лестница, без офсетных «штампов») --- */
  --sh-1: 0 1px 2px rgba(27,26,24,.06), 0 4px 12px rgba(27,26,24,.06);
  --sh-2: 0 2px 4px rgba(27,26,24,.07), 0 12px 32px rgba(27,26,24,.10);

  /* --- Ритм: шаг 4, рабочие значения --- */
  --s1: 8px;  --s2: 12px; --s3: 16px; --s4: 24px;
  --s5: 32px; --s6: 48px; --s7: 64px; --s8: 96px;

  /* --- Сетка --- */
  --container: 1120px;   /* десктоп */
  --measure: 620px;      /* максимальная длина текстовой колонки */
  --gutter: 20px;        /* мобильные поля */
}