/* ByCar Design System · tokens (v101)
   ფენები: foundation (ნედლი მნიშვნელობები) → semantic (როლები). გვერდები იყენებენ მხოლოდ semantic ცვლადებს.
   ეს ფაილი მხოლოდ ცვლადებს აცხადებს — თავისით არც ერთ გვერდს არ ცვლის. */
@layer reset, tokens, base, components, patterns, legacy, pages;
@layer tokens{
:root{
 /* ---- foundation: ფერები ---- */
 --navy-950:#050B18;--navy-900:#0A1224;--navy-800:#0F1B33;--navy-700:#172A4A;--navy-600:#20375E;
 --turquoise-400:#4FE0D6;--turquoise-500:#1FD1C6;--turquoise-600:#12A79E;--turquoise-700:#0B7A74;
 --emerald-400:#34D399;--emerald-500:#10B981;--emerald-600:#059669;
 --silver-100:#F1F4F8;--silver-300:#CBD3DE;--silver-500:#98A4B5;--silver-700:#5B6778;
 --white:#FFFFFF;
 --warning-500:#F5A524;--danger-500:#EF4444;--danger-400:#F87171;
 --grad-metal:linear-gradient(135deg,#E8EDF3,#9AA7B8 45%,#F6F8FB 60%,#8794A6);
 --grad-brand:linear-gradient(135deg,var(--turquoise-500),var(--emerald-500));
 --grad-navy:linear-gradient(160deg,var(--navy-700),var(--navy-900) 70%);
 /* ---- ტიპოგრაფია ---- */
 --font-sans:"Manrope","Noto Sans Georgian","BPG Nino Mtavruli",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:clamp(1.75rem,1.2rem + 2vw,2.25rem);--fs-4xl:clamp(2.1rem,1.4rem + 3vw,3rem);--fs-5xl:clamp(2.5rem,1.5rem + 4.5vw,4rem);
 --lh-tight:1.15;--lh-base:1.55;--lh-ka:1.6;
 /* ---- დაშორებები (4px ბაზა) ---- */
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
 /* ---- radius ---- */
 --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-full:999px;
 /* ---- ჩრდილები ---- */
 --shadow-1:0 1px 2px rgb(5 11 24 / .18);
 --shadow-2:0 6px 18px -6px rgb(5 11 24 / .35);
 --shadow-3:0 18px 44px -16px rgb(5 11 24 / .5);
 --shadow-4:0 30px 70px -24px rgb(5 11 24 / .65);
 --glow-accent:0 0 0 1px rgb(31 209 198 / .35),0 10px 30px -8px rgb(31 209 198 / .45);
 /* ---- z-index ---- */
 --z-base:0;--z-sticky:20;--z-dropdown:40;--z-modal:80;--z-toast:100;
 /* ---- breakpoints (საცნობაროდ; @media-ში ცვლადი არ მუშაობს): 480 / 768 / 1024 / 1280 / 1536 ---- */
 --tap-min:44px;
}
/* ---- semantic: მუქი (ძირითადი) ---- */
:root,[data-theme="dark"]{
 color-scheme:dark;
 --surface-0:var(--navy-950);--surface-1:var(--navy-900);--surface-2:var(--navy-800);--surface-3:var(--navy-700);
 --surface-glass:rgb(15 27 51 / .62);
 --text:var(--white);--text-muted:var(--silver-300);--text-subtle:var(--silver-500);
 --border:rgb(255 255 255 / .09);--border-strong:rgb(255 255 255 / .18);
 --accent:var(--turquoise-500);--accent-hover:var(--turquoise-400);--accent-press:var(--turquoise-600);--on-accent:var(--navy-900);
 --accent-text:var(--turquoise-400);--accent-2:var(--emerald-500);--accent-soft:rgb(31 209 198 / .14);
 --success:var(--emerald-400);--info:var(--turquoise-400);--warning:var(--warning-500);--danger:var(--danger-400);
 --focus:var(--turquoise-400);--overlay:rgb(5 11 24 / .66);
}
/* ---- semantic: ღია ---- */
[data-theme="light"]{
 color-scheme:light;
 --surface-0:#E9EFF5;--surface-1:var(--white);--surface-2:var(--silver-100);--surface-3:#E3E9F0;
 --surface-glass:rgb(255 255 255 / .72);
 --text:var(--navy-900);--text-muted:var(--silver-700);--text-subtle:#6B7789;
 --border:rgb(10 18 36 / .1);--border-strong:rgb(10 18 36 / .2);
 --accent:var(--turquoise-500);--accent-hover:var(--turquoise-400);--accent-press:var(--turquoise-600);--on-accent:var(--navy-900);
 --accent-text:var(--turquoise-700);--accent-2:var(--emerald-600);--accent-soft:rgb(18 167 158 / .12);
 --success:var(--emerald-600);--info:var(--turquoise-700);--warning:#B45309;--danger:#DC2626;
 --focus:var(--turquoise-600);--overlay:rgb(10 18 36 / .5);
 --shadow-1:0 1px 2px rgb(10 18 36 / .06);--shadow-2:0 6px 18px -6px rgb(10 18 36 / .14);--shadow-3:0 18px 44px -16px rgb(10 18 36 / .2);--shadow-4:0 30px 70px -24px rgb(10 18 36 / .28);
}
@media (prefers-color-scheme:light){
 :root:not([data-theme]){
  color-scheme:light;
  --surface-0:#E9EFF5;--surface-1:var(--white);--surface-2:var(--silver-100);--surface-3:#E3E9F0;--surface-glass:rgb(255 255 255 / .72);
  --text:var(--navy-900);--text-muted:var(--silver-700);--text-subtle:#6B7789;--border:rgb(10 18 36 / .1);--border-strong:rgb(10 18 36 / .2);
  --accent-text:var(--turquoise-700);--accent-2:var(--emerald-600);--accent-soft:rgb(18 167 158 / .12);--success:var(--emerald-600);--info:var(--turquoise-700);--warning:#B45309;--danger:#DC2626;--focus:var(--turquoise-600);
 }
}
}
