/* YAS Dynamics — дизайн-токены. Контраст посчитан по WCAG, цвета не менять без пересчёта. */

:root{
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"Geist Mono","JetBrains Mono",ui-monospace,Consolas,monospace;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600;

  --text-caption:0.8125rem;
  --text-sm:0.875rem;
  --text-body:1rem;
  --text-lead:1.125rem;
  --text-h4:1.25rem;
  --text-h3:1.5rem;
  --text-h2:2rem;
  --text-h1:2.5rem;
  --text-display:clamp(2.25rem,1.4rem + 3.6vw,3.75rem);

  --lh-display:1.05; --lh-h1:1.15; --lh-h2:1.2; --lh-h3:1.25;
  --lh-lead:1.55; --lh-body:1.6; --lh-ui:1.4;

  --tr-display:-0.03em; --tr-heading:-0.02em; --tr-h3:-0.01em;
  --tr-body:0em; --tr-caps:0.08em;

  --container:1200px; --container-narrow:800px;
  --measure:68ch; --gutter:24px;
  --pad-x:20px; --pad-x-md:32px; --pad-x-lg:48px;
  --header-h:64px; --header-h-md:72px;

  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px;
  --s-5:24px; --s-6:32px; --s-7:40px; --s-8:48px;
  --s-9:64px; --s-10:80px; --s-11:96px; --s-12:128px;
  --section-y:clamp(64px,8vw,128px);
  --section-y-tight:clamp(48px,5vw,80px);

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px;
  --bw:1px; --ring-w:2px; --ring-offset:2px;

  --dur-fast:120ms; --dur:200ms; --ease:cubic-bezier(.2,0,0,1);

  /* СВЕТЛАЯ ТЕМА — база */
  --bg:#FFFFFF;
  --surface:#F6F7F9;
  --surface-2:#EEF0F3;
  --text:#12141A;         /* 18.41:1 к --bg */
  --text-muted:#5A6070;   /* 6.28:1 к --bg */
  --line:#E3E6EB;
  --line-strong:#8A93A3;
  --accent:#E8590C;       /* ТОЛЬКО заливка и графика, текстом не ставить */
  --accent-hover:#D24E08;
  --accent-ink:#9A3412;   /* акцентный текст и ссылки, 7.31:1 */
  --accent-soft:#FFF1E7;
  --on-accent:#1A1206;    /* текст на оранжевой заливке, 5.18:1 */
  --on-dark:#FFFFFF;
  --focus:#175CD3;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0E1014; --surface:#171A20; --surface-2:#1E222A;
    --text:#F2F4F7;
    --text-muted:#9BA3B0;
    --line:#262A31; --line-strong:#767E8B;
    --accent:#FF8A3D; --accent-hover:#FF9C5C; --accent-ink:#FFA86B;
    --accent-soft:#2A1A0E; --on-accent:#1A1206; --on-dark:#12141A;
    --focus:#84ADFF;
  }
}

:root[data-theme="dark"]{
  --bg:#0E1014; --surface:#171A20; --surface-2:#1E222A;
  --text:#F2F4F7; --text-muted:#9BA3B0;
  --line:#262A31; --line-strong:#767E8B;
  --accent:#FF8A3D; --accent-hover:#FF9C5C; --accent-ink:#FFA86B;
  --accent-soft:#2A1A0E; --on-accent:#1A1206; --on-dark:#12141A;
  --focus:#84ADFF;
}