/*
 * ТОКЕНЫ ДИЗАЙН-СИСТЕМЫ — из согласованного прототипа docs/prototype/partner-cabinet.html,
 * блоки :root дословно (раздел 0.4): голый :root; prefers-color-scheme под
 * :root:not([data-theme="light"]); :root[data-theme="dark"]; отдельная ось бренда
 * :root[data-brand="elayn"] — бренд от темы не зависит.
 */
:root{
  --bg:#F1F4F1; --surface:#FFFFFF; --surface-2:#F6F8F6; --ink:#10201C; --muted:#5E6B67; --faint:#8C9894; --line:#DCE3DF;
  --brand:#0E3B34; --brand-ink:#F1F6F4; --side:#0E3B34; --side-hi:#185247; --side-muted:#A9C9C0;
  --mint:#1FA486; --mint-2:#2EC4A0; --mint-soft:#DDF3EB; --mint-ink:#0B5E4C;
  --amber:#A86A12; --amber-soft:#FBF0DC; --blue:#2F5DA8; --blue-soft:#E7EEFA; --violet:#7A3E97; --violet-soft:#F2E8F7;
  --red:#B93A33; --red-soft:#FBE7E5; --grey-soft:#ECEFED;
  --tooth:#FFFFFF; --tooth-line:#B9C4BF; --gum:#F3D9D6; --aligner:#2EC4A0;
  --shadow:0 1px 2px rgba(16,32,28,.06),0 8px 24px rgba(16,32,28,.06);
  --shadow-lg:0 24px 60px rgba(16,32,28,.18);
  --f-ui:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"Unbounded","Manrope",system-ui,sans-serif;
  --f-disp:"Manrope",system-ui,sans-serif;
  --disp-w:800; --disp-ls:-.01em;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1412; --surface:#121E1B; --surface-2:#172521; --ink:#E6EEEB; --muted:#9AABA5; --faint:#6F807A; --line:#24352F;
  --brand:#2EC4A0; --brand-ink:#06201B; --side:#0A1F1B; --side-hi:#16332C; --side-muted:#8FB3A9;
  --mint:#2EC4A0; --mint-2:#5FDABB; --mint-soft:#143A31; --mint-ink:#8BE6CC;
  --amber:#E8A94A; --amber-soft:#3A2B12; --blue:#8FB0EA; --blue-soft:#1A2840; --violet:#C79AE0; --violet-soft:#2E1F38;
  --red:#F08A80; --red-soft:#3D1E1B; --grey-soft:#1D2B27;
  --tooth:#E9EFEC; --tooth-line:#6D7E78; --gum:#4A2F33; --aligner:#5FDABB;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); --shadow-lg:0 24px 60px rgba(0,0,0,.5);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1412; --surface:#121E1B; --surface-2:#172521; --ink:#E6EEEB; --muted:#9AABA5; --faint:#6F807A; --line:#24352F;
  --brand:#2EC4A0; --brand-ink:#06201B; --side:#0A1F1B; --side-hi:#16332C; --side-muted:#8FB3A9;
  --mint:#2EC4A0; --mint-2:#5FDABB; --mint-soft:#143A31; --mint-ink:#8BE6CC;
  --amber:#E8A94A; --amber-soft:#3A2B12; --blue:#8FB0EA; --blue-soft:#1A2840; --violet:#C79AE0; --violet-soft:#2E1F38;
  --red:#F08A80; --red-soft:#3D1E1B; --grey-soft:#1D2B27;
  --tooth:#E9EFEC; --tooth-line:#6D7E78; --gum:#4A2F33; --aligner:#5FDABB;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); --shadow-lg:0 24px 60px rgba(0,0,0,.5);
  color-scheme:dark}

/* ---------- ELAYN: суббренд элайнеров. Те же токены, другая палитра и дисплейный шрифт ---------- */
:root[data-brand="elayn"]{
  --bg:#EEF2F5; --surface:#FFFFFF; --surface-2:#F5F9FB; --ink:#0E1621; --muted:#5C6B77; --faint:#8A99A4; --line:#DCE6EC;
  --brand:#0E1621; --brand-ink:#EEF2F5; --side:#0E1621; --side-hi:#1C2A38; --side-muted:#93AAB8;
  --mint:#2BB8AE; --mint-2:#4FD3C9; --mint-soft:#D9F0EE; --mint-ink:#0C5A55;
  --amber:#9A6B1E; --amber-soft:#F7EEDD; --blue:#2F5DA8; --blue-soft:#E4ECF7; --violet:#6F4A94; --violet-soft:#EEE8F5;
  --red:#B4423A; --red-soft:#FAE8E6; --grey-soft:#E4EBEF;
  --tooth:#FFFFFF; --tooth-line:#A9B9C3; --gum:#CFE3EC; --aligner:#2BB8AE;
  --f-disp:"Sora","Manrope",system-ui,sans-serif; --disp-w:300; --disp-ls:.01em;
}
@media (prefers-color-scheme: dark){:root[data-brand="elayn"]:not([data-theme="light"]){
  --bg:#070C12; --surface:#101822; --surface-2:#16202B; --ink:#E6EEF2; --muted:#93A5B1; --faint:#6B7D89; --line:#20303C;
  --brand:#2BB8AE; --brand-ink:#061412; --side:#080F16; --side-hi:#16242F; --side-muted:#8FA6B4;
  --mint:#2BB8AE; --mint-2:#5FE0D6; --mint-soft:#0F3A37; --mint-ink:#8FEAE2;
  --amber:#E0A458; --amber-soft:#34280F; --blue:#8FB0EA; --blue-soft:#17233A; --violet:#BFA0DC; --violet-soft:#281E33;
  --red:#EE8A80; --red-soft:#381C19; --grey-soft:#18242E;
  --tooth:#E4EDF2; --tooth-line:#6E8290; --gum:#24414F; --aligner:#5FE0D6;
  color-scheme:dark}}
:root[data-theme="dark"][data-brand="elayn"]{
  --bg:#070C12; --surface:#101822; --surface-2:#16202B; --ink:#E6EEF2; --muted:#93A5B1; --faint:#6B7D89; --line:#20303C;
  --brand:#2BB8AE; --brand-ink:#061412; --side:#080F16; --side-hi:#16242F; --side-muted:#8FA6B4;
  --mint:#2BB8AE; --mint-2:#5FE0D6; --mint-soft:#0F3A37; --mint-ink:#8FEAE2;
  --amber:#E0A458; --amber-soft:#34280F; --blue:#8FB0EA; --blue-soft:#17233A; --violet:#BFA0DC; --violet-soft:#281E33;
  --red:#EE8A80; --red-soft:#381C19; --grey-soft:#18242E;
  --tooth:#E4EDF2; --tooth-line:#6E8290; --gum:#24414F; --aligner:#5FE0D6;
  color-scheme:dark}


/*
 * Токены компонентов — значения, которые в прототипе записаны прямо в
 * правилах (текст на тёмной боковой панели, текст на акцентной кнопке,
 * свечение героя, дорожка кольца). Вынесены сюда, чтобы в экранах не было
 * ни одного цвета вне токенов (раздел 10.4).
 */
:root{--on-side:#EAF4F1;--on-accent:#FFFFFF;--glow:rgba(46,196,160,.35);--ring-track:rgba(255,255,255,.1)}
:root[data-brand="elayn"]{--on-side:#EEF2F5;--glow:rgba(43,184,174,.35)}
/* Затемнение под диалогом, чернила печати, знак ELAYN вне его бренда (плитка «ELAYN» в кабинете SmiLux). */
:root{--scrim:rgba(6,16,14,.45);--print-ink:#000000;--print-line:#999999;--el-side:#0E1621;--el-side-hi:rgba(43,184,174,.18);--el-ink:#F2F7F9;--el-accent:#2BB8AE;--el-muted:#93AAB8}