/* adelka-sews — дизайн-токены.
   Единственное место, где задаются цвет, шрифт, ритм и радиусы. */

:root {
  /* Цвет: холодная светлая база + графит + один акцент (чернильный ультрамарин).
     Все пары текст/фон проверены на контраст >= 4.5:1. */
  --paper:        #F3F5F8;  /* фон страницы */
  --paper-deep:   #E8EBF1;  /* фон чередующихся секций */
  --surface:      #FBFCFE;  /* карточки */
  --ink:          #24262B;  /* текст, линии иллюстраций */
  --ink-soft:     #606774;  /* вторичный текст (5.2:1 на --paper) */
  --line:         #D6DAE2;  /* бордеры-разделители, 1px */
  --accent:       #2E3AC0;  /* CTA и активная линия. <= 5% площади */
  --accent-strong:#232D96;  /* hover/active акцента */
  --on-accent:    #FFFFFF;  /* текст на акценте (8.4:1) */

  /* Типографика */
  --font-sans: "Onest", "Onest Fallback", Arial, sans-serif;
  --fs-h1:   clamp(2.25rem, 1.35rem + 3.9vw, 4rem);      /* 36 -> 64 */
  --fs-h2:   clamp(1.5rem, 1.23rem + 1.2vw, 2.125rem);   /* 24 -> 34 */
  --fs-h3:   1.25rem;
  --fs-lg:   1.125rem;
  --fs-base: 1rem;
  --fs-sm:   0.875rem;
  --lh-tight: 1.12;
  --lh-base:  1.55;
  --w-regular: 400;
  --w-semibold: 600;

  /* Ритм 8pt */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-6: 48px;
  --s-8: 64px;
  --s-12: 96px;
  --section-y: clamp(56px, 40px + 4vw, 96px);

  /* Сетка */
  --container: 1240px;
  --gutter: clamp(16px, 1.2vw + 12px, 24px);

  /* Радиусы: одно системное значение на тип */
  --r-card: 20px;
  --r-ctl: 12px;

  /* Движение */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --t-ui: 180ms;      /* интерфейс 150–250 */
  --t-enter: 400ms;   /* появление 300–400 */
  --t-draw: 700ms;    /* линия 600–900 */

  /* Штрих иллюстраций */
  --stroke: 2;
  --stroke-thin: 1.5;
}