/* Asteryna design tokens (CSS). Izvor: tokens.json.
 * Spletna stran: nepredponske spremenljivke (enaka imena kot v prototipu, --lavender, --ink ...).
 * Aplikacija / my.asteryna.com: predpona --app- (ker se nočne vrednosti razlikujejo od spletne strani).
 * Nočni način: razred .night na <html> ali atribut [data-theme="night"]. */

:root{
  color-scheme:light;
  --ast-ink:#241A46;
  --ast-ink-soft:#5B5379;
  --ast-lavender:#EEE7FA;
  --ast-violet:#7231DD;
  --ast-magenta:#C662C6;
  --ast-coral:#EF9692;
  --ast-amber:#F0AD7B;
  --ast-ok:#12A67C;
  --ast-error:#D8446A;
  --ast-white:#FFFFFF;
  --r-sm:12px; --r-md:18px; --r-lg:28px; --r-xl:40px; --r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1); --dur-fast:.2s; --dur:.35s; --dur-slow:.45s;
  --f-ui:'Outfit',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif; --f-serif:'EB Garamond',Georgia,serif;
  --f-sym:'Noto Sans Symbols','Noto Sans Symbols 2','Noto Sans Math','Segoe UI Symbol','Apple Symbols',sans-serif;
  --grad-iris:radial-gradient(circle at 35% 30%,#FFD9A8 0%,#F0AD7B 18%,#EF9692 34%,#C662C6 55%,#7231DD 82%);
  --maxw:1140px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:56px; --sp-10:72px;
  --el-ogenj:#D9644F;
  --el-zemlja:#5E8F4E;
  --el-zrak:#4F86C6;
  --el-voda:#2F9C9A;
  /* spletna stran, svetla */
  --lavender:#EEE7FA;
  --lavender-deep:#E3D8F6;
  --ink:#241A46;
  --ink-soft:#5B5379;
  --violet:#7231DD;
  --violet-light:#9956D6;
  --violet-pale:#D1AEF2;
  --magenta:#C662C6;
  --rose:#DA6CAF;
  --coral:#EF9692;
  --amber:#F0AD7B;
  --white:#FFFFFF;
  --ok:#12A67C;
  --err:#D8446A;
  --header-bg:rgba(238,231,250,.85);
  --card:rgba(255,255,255,.72);
  --card-border:rgba(255,255,255,.9);
  --footer-bg:#241A46;
  --shadow-sm:0 2px 8px rgba(36,26,70,.06);
  --shadow-md:0 12px 34px -14px rgba(36,26,70,.22);
  --shadow-lg:0 34px 70px -30px rgba(36,26,70,.34);
  --button-shadow:0 12px 30px -10px rgba(114,49,221,.6);
  --grad-brand:linear-gradient(115deg,#7231DD 0%,#C662C6 55%,#F0AD7B 100%);
  --grad-text:linear-gradient(100deg,#7231DD 0%,#C662C6 48%,#EF9692 100%);
  /* aplikacija, svetla */
  --app-page:#E4DAF5;
  --app-bg0:#F1EBFC;
  --app-bg1:#E4D8F8;
  --app-bg2:#F5F0FD;
  --app-glass:rgba(255,255,255,.62);
  --app-glass2:rgba(255,255,255,.88);
  --app-glass3:rgba(36,26,70,.16);
  --app-stroke:rgba(114,49,221,.11);
  --app-stroke2:rgba(114,49,221,.2);
  --app-text:#241A46;
  --app-text2:#5B5379;
  --app-text3:#8B83A6;
  --app-violet:#7231DD;
  --app-magenta:#C662C6;
  --app-coral:#EF9692;
  --app-amber:#E9965A;
  --app-good:#7231DD;
  --app-hard:#DC6A64;
  --app-neutral:#A79FC2;
  --app-neutral-text:#7D759C;
  --app-inv:#FFFFFF;
  --app-nav-bg:rgba(255,255,255,.8);
  --app-sheet-bg:linear-gradient(180deg,#FFFFFF,#F5F0FD);
  --app-toast-bg:#241A46;
  --app-toast-fg:#FFFFFF;
  --app-star:rgba(114,49,221,.45);
  --app-aurora-opacity:0.3;
  --app-hero-bg:linear-gradient(150deg,#7231DD,#C662C6 62%,#F0AD7B);
  --app-shadow:0 10px 30px -18px rgba(36,26,70,.35);
  --app-grad:linear-gradient(115deg,#7231DD,#C662C6 55%,#F0AD7B);
  --app-grad-text:linear-gradient(100deg,#7231DD,#C662C6 50%,#EF9692);
}

:root.night,.night,[data-theme="night"]{
  color-scheme:dark;
  --el-ogenj:#F2937F;
  --el-zemlja:#9CCB86;
  --el-zrak:#8FB8EA;
  --el-voda:#6FD0CD;
  /* spletna stran, nočna */
  --lavender:#110B2B;
  --lavender-deep:#1A1242;
  --ink:#F5F1FF;
  --ink-soft:rgba(245,241,255,.72);
  --violet:#B28DFF;
  --violet-light:#C4A6FF;
  --violet-pale:#4A2C8F;
  --white:#1D1545;
  --header-bg:rgba(25,14,43,.85);
  --card:rgba(36,25,62,.72);
  --card-border:rgba(53,37,91,.9);
  --footer-bg:#0A0620;
  /* Ponoči se zadnja postaja preliva (--violet) posvetli, kot je bilo v prototipu (asteryna.css je preliv sestavljal iz var(--violet)). */
  --grad-iris:radial-gradient(circle at 35% 30%,#FFD9A8 0%,#F0AD7B 18%,#EF9692 34%,#C662C6 55%,#B28DFF 82%);
  --shadow-sm:0 2px 8px rgba(0,0,0,.3);
  --shadow-md:0 12px 34px -14px rgba(0,0,0,.6);
  --shadow-lg:0 34px 70px -30px rgba(0,0,0,.7);
  --grad-brand:linear-gradient(115deg,#7231DD 0%,#C662C6 55%,#F0AD7B 100%);
  --grad-text:linear-gradient(100deg,#B28DFF 0%,#E08AD8 48%,#F4B683 100%);
  /* aplikacija, nočna */
  --app-page:#07051A;
  --app-bg0:#0E0A24;
  --app-bg1:#1B1244;
  --app-bg2:#0A0720;
  --app-glass:rgba(255,255,255,.055);
  --app-glass2:rgba(255,255,255,.1);
  --app-glass3:rgba(255,255,255,.16);
  --app-stroke:rgba(255,255,255,.09);
  --app-stroke2:rgba(255,255,255,.18);
  --app-text:#F5F1FF;
  --app-text2:rgba(245,241,255,.7);
  --app-text3:rgba(245,241,255,.46);
  --app-violet:#9E70FF;
  --app-magenta:#D877D8;
  --app-coral:#F29C97;
  --app-amber:#F4B683;
  --app-good:#B28DFF;
  --app-hard:#F7A08F;
  --app-neutral:#8E87B5;
  --app-neutral-text:#B9B3DA;
  --app-inv:#150F33;
  --app-nav-bg:rgba(22,15,52,.72);
  --app-sheet-bg:linear-gradient(180deg,#261A58,#140E34);
  --app-toast-bg:#FFFFFF;
  --app-toast-fg:#150F33;
  --app-star:#FFFFFF;
  --app-aurora-opacity:0.55;
  --app-hero-bg:linear-gradient(150deg,rgba(114,49,221,.5),rgba(198,98,198,.3) 60%,rgba(240,173,123,.22));
  --app-shadow:none;
  --app-grad:linear-gradient(115deg,#7231DD,#C662C6 55%,#F0AD7B);
  --app-grad-text:linear-gradient(100deg,#B28DFF,#E08AD8 50%,#F4B683);
}

@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}}