/* Не забудь visual systems. Components consume semantic tokens from here. */
:root,
:root[data-design="serene"]{
  color-scheme:light;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;
  --bg:#f3f5f1;
  --surface:#ffffff;
  --surface-raised:#fafbf8;
  --secondary:#e9eee9;
  --text:#17201b;
  --muted:#5f6b63;
  --primary:#246a4d;
  --primary-text:#ffffff;
  --accent-soft:#e3f0e8;
  --line:#dfe6df;
  --success:#2f7d55;
  --success-bg:#e5f2e9;
  --success-text:#185238;
  --warning:#a86d1f;
  --warning-bg:#f6ead8;
  --danger:#bd4e52;
  --danger-bg:#f8e5e6;
  --shadow:0 18px 50px rgba(31,48,39,.08);
  --card-shadow:0 2px 10px rgba(31,48,39,.035);
  --nav-bg:rgba(255,255,255,.88);
  --nav-shadow:0 14px 45px rgba(31,48,39,.14);
  --backdrop:rgba(12,18,15,.48);
  --card-radius:22px;
  --control-radius:14px;
  --sheet-radius:28px;
  --nav-radius:26px;
  --screen-max:520px;
  --screen-gutter:17px;
  --card-border:1px solid var(--line);
  --theme-color:#f3f5f1;
}

:root[data-design="serene"][data-theme="dark"]{
  color-scheme:dark;
  --bg:#0d110f;
  --surface:#161b18;
  --surface-raised:#1b211d;
  --secondary:#232a25;
  --text:#f1f5f2;
  --muted:#98a39b;
  --primary:#74c69d;
  --primary-text:#0c2a1d;
  --accent-soft:#1d3a2c;
  --line:#2b342e;
  --success:#78c99f;
  --success-bg:#193426;
  --success-text:#c9f1db;
  --warning:#e0aa62;
  --warning-bg:#3a2c1b;
  --danger:#ef8b8e;
  --danger-bg:#3c2224;
  --shadow:0 22px 60px rgba(0,0,0,.35);
  --card-shadow:0 2px 12px rgba(0,0,0,.12);
  --nav-bg:rgba(24,30,26,.9);
  --nav-shadow:0 18px 50px rgba(0,0,0,.4);
  --backdrop:rgba(0,0,0,.7);
  --theme-color:#0d110f;
}

:root[data-design="aura"]{
  color-scheme:light;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;
  --bg:#edf1f7;
  --surface:rgba(255,255,255,.76);
  --surface-raised:rgba(255,255,255,.9);
  --secondary:rgba(224,231,242,.74);
  --text:#111827;
  --muted:#59677c;
  --primary:#4b63d3;
  --primary-text:#ffffff;
  --accent-soft:rgba(211,220,255,.74);
  --line:rgba(49,67,100,.12);
  --success:#2d8a66;
  --success-bg:rgba(220,244,233,.8);
  --success-text:#176044;
  --warning:#aa7227;
  --warning-bg:rgba(250,236,210,.84);
  --danger:#c45063;
  --danger-bg:rgba(250,224,230,.82);
  --shadow:0 25px 65px rgba(48,65,112,.16);
  --card-shadow:0 12px 38px rgba(57,74,120,.1),inset 0 1px rgba(255,255,255,.75);
  --nav-bg:rgba(246,249,255,.72);
  --nav-shadow:0 18px 55px rgba(49,65,110,.2),inset 0 1px rgba(255,255,255,.78);
  --backdrop:rgba(20,28,48,.52);
  --card-radius:24px;
  --control-radius:16px;
  --sheet-radius:30px;
  --nav-radius:28px;
  --screen-max:520px;
  --screen-gutter:17px;
  --card-border:1px solid rgba(255,255,255,.72);
  --theme-color:#edf1f7;
}

:root[data-design="aura"][data-theme="dark"]{
  color-scheme:dark;
  --bg:#080c13;
  --surface:rgba(24,31,44,.78);
  --surface-raised:rgba(31,40,56,.92);
  --secondary:rgba(41,52,70,.76);
  --text:#f4f7fb;
  --muted:#96a3b6;
  --primary:#89a1ff;
  --primary-text:#111a3a;
  --accent-soft:rgba(69,88,157,.38);
  --line:rgba(188,204,235,.13);
  --success:#6bc99c;
  --success-bg:rgba(30,71,53,.68);
  --success-text:#c9f4df;
  --warning:#e7b36c;
  --warning-bg:rgba(83,60,29,.66);
  --danger:#f08b9b;
  --danger-bg:rgba(82,37,48,.67);
  --shadow:0 26px 70px rgba(0,0,0,.5);
  --card-shadow:0 16px 44px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);
  --nav-bg:rgba(18,24,35,.76);
  --nav-shadow:0 22px 65px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.09);
  --backdrop:rgba(0,0,0,.72);
  --card-border:1px solid rgba(187,204,235,.12);
  --theme-color:#080c13;
}

:root[data-design="atelier"]{
  color-scheme:light;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;
  --bg:#f2eee7;
  --surface:#fcfaf6;
  --surface-raised:#ffffff;
  --secondary:#e9e2d9;
  --text:#29231e;
  --muted:#665e56;
  --primary:#8b633f;
  --primary-text:#ffffff;
  --accent-soft:#eee1d4;
  --line:#ddd4c9;
  --success:#527c61;
  --success-bg:#e2ebe3;
  --success-text:#31573d;
  --warning:#a56d2d;
  --warning-bg:#f2e4cf;
  --danger:#a94d4d;
  --danger-bg:#f2dfdc;
  --shadow:0 18px 50px rgba(64,47,34,.11);
  --card-shadow:none;
  --nav-bg:#fcfaf6;
  --nav-shadow:0 -1px 0 var(--line);
  --backdrop:rgba(35,28,23,.56);
  --card-radius:13px;
  --control-radius:10px;
  --sheet-radius:18px;
  --nav-radius:0px;
  --screen-max:560px;
  --screen-gutter:20px;
  --card-border:1px solid var(--line);
  --theme-color:#f2eee7;
}

:root[data-design="atelier"][data-theme="dark"]{
  color-scheme:dark;
  --bg:#151210;
  --surface:#211c19;
  --surface-raised:#2a241f;
  --secondary:#312a25;
  --text:#f5efe8;
  --muted:#aa9d91;
  --primary:#d0a177;
  --primary-text:#2d1e13;
  --accent-soft:#443326;
  --line:#3c332c;
  --success:#7cae89;
  --success-bg:#26392c;
  --success-text:#d6eddc;
  --warning:#ddb076;
  --warning-bg:#46331f;
  --danger:#e48a86;
  --danger-bg:#452725;
  --shadow:0 20px 60px rgba(0,0,0,.42);
  --card-shadow:none;
  --nav-bg:#211c19;
  --nav-shadow:0 -1px 0 var(--line);
  --backdrop:rgba(0,0,0,.74);
  --theme-color:#151210;
}