/* Амар Сайн — единый слой токенов. Подключается один раз в base.html.
   Примитивы -> семантика. Компоненты используют только семантику. */
:root{
  /* primitives: plum (из логотипа #7a084e) */
  --plum-950:#16040f;
  --plum-900:#240819;
  --plum-800:#3b0526;
  --plum-700:#5a0a3b;
  --plum-600:#7a084e;
  --plum-500:#96205f;
  --plum-300:#d9a9c4;
  --plum-200:#ecd3e0;
  --plum-100:#f6eaf0;
  /* primitives: gold (шитьё костюмов) */
  --gold-700:#80581a;
  --gold-600:#a2731f;
  --gold-500:#c9973f;
  --gold-300:#e6c98e;
  --gold-100:#f6ecd8;
  /* primitives: felt paper */
  --paper-50:#fbf8f4;
  --paper-100:#f5efe7;
  --paper-200:#ebe1d4;
  --paper-300:#d9cab8;
  --ink-900:#1d1418;
  --ink-700:#3f3137;
  --ink-600:#5a4a51;
  --white:#ffffff;
  --danger-600:#b3261e;
  --success-600:#2e6b3a;

  /* type */
  --font-display:"Unbounded","Manrope",system-ui,sans-serif;
  --font-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-accent:"Cormorant Garamond","Times New Roman",serif;
  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-md:1.0625rem;
  --fs-lg:1.25rem;
  --fs-xl:clamp(1.375rem,1.1rem + 1vw,1.75rem);
  --fs-2xl:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);
  --fs-3xl:clamp(2.25rem,1.3rem + 3.8vw,4.25rem);
  --fs-display:clamp(2.75rem,1.2rem + 6.2vw,6.25rem);
  --lh-tight:1.05;
  --lh-snug:1.25;
  --lh-body:1.6;

  /* space */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
  --section:clamp(72px,9vw,136px);
  --gutter:clamp(16px,4vw,48px);
  --container:1320px;

  /* shape, depth, motion */
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgb(29 20 24 / .06),0 4px 16px rgb(29 20 24 / .06);
  --shadow-2:0 12px 40px rgb(22 4 15 / .18);
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-fast:140ms; --dur:240ms; --dur-slow:600ms;

  /* semantic — light (бумага) */
  --bg:var(--paper-50);
  --surface:var(--white);
  --surface-2:var(--paper-100);
  --line:var(--paper-200);
  --line-strong:var(--paper-300);
  --text:var(--ink-900);
  --text-muted:var(--ink-600);
  --heading:var(--plum-800);
  --accent:var(--plum-600);
  --accent-hover:var(--plum-700);
  --accent-active:var(--plum-800);
  --on-accent:var(--white);
  --accent-soft:var(--plum-100);
  --highlight:var(--gold-700);
  --highlight-soft:var(--gold-100);
  --link:var(--plum-600);
  --focus:var(--plum-600);
  --danger:var(--danger-600);
  --success:var(--success-600);
}

/* Ночная сцена: секции с data-theme="night" переопределяют семантику, не примитивы */
[data-theme="night"]{
  --bg:var(--plum-950);
  --surface:var(--plum-900);
  --surface-2:var(--plum-800);
  --line:#3a2330;
  --line-strong:#5e4553;
  --text:#f7eef2;
  --text-muted:#cdb7c2;
  --heading:var(--white);
  --accent:var(--gold-500);
  --accent-hover:var(--gold-300);
  --accent-active:#b88732;
  --on-accent:var(--plum-950);
  --accent-soft:#33191a;
  --highlight:var(--gold-300);
  --highlight-soft:#35201a;
  --link:var(--gold-300);
  --focus:var(--gold-300);
}

/* Версия для слабовидящих (ГОСТ Р 52872-2019): переопределяет только токены */
html[data-a11y-size="2"]{font-size:125%}
html[data-a11y-size="3"]{font-size:150%}
html[data-a11y-scheme="bw"],html[data-a11y-scheme="bw"] [data-theme="night"]{
  --bg:#fff;--surface:#fff;--surface-2:#fff;--line:#000;--line-strong:#000;--text:#000;--text-muted:#000;
  --heading:#000;--accent:#000;--accent-hover:#000;--accent-active:#000;--on-accent:#fff;--accent-soft:#fff;
  --highlight:#000;--highlight-soft:#fff;--link:#000;--focus:#000;
}
html[data-a11y-scheme="wb"],html[data-a11y-scheme="wb"] [data-theme="night"]{
  --bg:#000;--surface:#000;--surface-2:#000;--line:#fff;--line-strong:#fff;--text:#fff;--text-muted:#fff;
  --heading:#fff;--accent:#fff;--accent-hover:#fff;--accent-active:#fff;--on-accent:#000;--accent-soft:#000;
  --highlight:#fff;--highlight-soft:#000;--link:#fff;--focus:#fff;
}
html[data-a11y-scheme="blue"],html[data-a11y-scheme="blue"] [data-theme="night"]{
  --bg:#9dd1ff;--surface:#9dd1ff;--surface-2:#9dd1ff;--line:#063462;--line-strong:#063462;--text:#063462;--text-muted:#063462;
  --heading:#063462;--accent:#063462;--accent-hover:#063462;--accent-active:#063462;--on-accent:#9dd1ff;--accent-soft:#9dd1ff;
  --highlight:#063462;--highlight-soft:#9dd1ff;--link:#063462;--focus:#063462;
}
html[data-a11y-spacing="wide"]{--a11y-letter:.08em;--a11y-word:.16em}

/* Телефон: шкала шрифтов компактнее, чтобы на экран влезало больше */
@media (max-width:700px){
  :root{
    --fs-xs:.71875rem;
    --fs-sm:.8125rem;
    --fs-md:.9375rem;
    --fs-lg:1rem;
    --fs-xl:1.125rem;
    --fs-2xl:1.3125rem;
    --fs-3xl:1.5625rem;
    --fs-display:2rem;
    --lh-body:1.55;
    --section:48px;
  }
}