/* ===========================================================
   Astra — design tokens
   Палитра: cream / periwinkle / slate blue / deep navy / black
   =========================================================== */
:root{
  /* brand palette */
  --cream:      #FBFBE9;
  --peri:       #A0BCEC;
  --peri-soft:  #C9DAF6;
  --slate:      #56698F;
  --navy:       #1B3A7B;
  --navy-deep:  #12275A;
  --ink:        #0A1020;

  /* surfaces (light) */
  --bg:          #EDF1F9;
  --bg-grad:     radial-gradient(1200px 600px at 12% -10%, #E3EBFA 0%, transparent 60%),
                 radial-gradient(900px 500px at 100% 0%, #F6F7E9 0%, transparent 55%),
                 #EDF1F9;
  --surface:     #FFFFFF;
  --surface-2:   #F5F8FD;
  --surface-3:   #EDF2FB;
  --line:        #E4EAF5;
  --line-strong: #D3DDEF;

  /* text */
  --text:        #14213D;
  --text-2:      #55648A;
  --text-3:      #8B99B8;
  --on-accent:   #FFFFFF;

  /* accent */
  --accent:      #3B6BD8;
  --accent-2:    #1B3A7B;
  --accent-soft: #E8EFFC;
  --grad-accent: linear-gradient(135deg,#5A8BEA 0%,#2E58C0 55%,#1B3A7B 100%);
  --grad-cream:  linear-gradient(135deg,#FBFBE9 0%,#EFF3E2 100%);

  /* semantic */
  --ok:      #2FA97C;
  --ok-soft: #E6F6EF;
  --warn:    #E08A3C;
  --warn-soft:#FCF1E4;
  --danger:  #E0576B;
  --danger-soft:#FCEAED;
  --info:    #4C8FD6;

  /* category palette */
  --c-blue:#6E9BE8;  --c-blue-s:#EAF1FD;
  --c-green:#4FBF9A; --c-green-s:#E6F7F1;
  --c-purple:#9B85E6;--c-purple-s:#F0ECFD;
  --c-orange:#EFA25E;--c-orange-s:#FDF2E6;
  --c-pink:#E884A6;  --c-pink-s:#FCEBF1;
  --c-cyan:#57BFD4;  --c-cyan-s:#E6F6FA;
  --c-navy:#3F5A9B;  --c-navy-s:#EAEEF8;
  --c-lime:#9FBF52;  --c-lime-s:#F2F7E4;

  /* radius */
  --r-xs: 8px;  --r-sm: 12px; --r-md: 16px;
  --r-lg: 20px; --r-xl: 26px; --r-full: 999px;

  /* shadows */
  --sh-1: 0 1px 2px rgba(20,33,61,.05), 0 2px 8px rgba(20,33,61,.04);
  --sh-2: 0 2px 6px rgba(20,33,61,.06), 0 10px 24px rgba(20,33,61,.07);
  --sh-3: 0 8px 20px rgba(20,33,61,.10), 0 24px 60px rgba(20,33,61,.12);
  --sh-accent: 0 8px 20px rgba(46,88,192,.30);
  --sh-inset: inset 0 0 0 1px var(--line);

  /* motion */
  --e-out: cubic-bezier(.22,.9,.3,1);
  --e-spring: cubic-bezier(.34,1.56,.64,1);
  --t-fast: .14s var(--e-out);
  --t: .24s var(--e-out);

  /* layout */
  --sidebar-w: 244px;
  --sidebar-w-collapsed: 78px;
  --gap: 18px;
  --hour-h: 68px;
  --font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  /* Акцидентный шрифт логотипа и крупных заголовков.
     Альтернативы, если захочется другой характер (шрифты уже локальные, менять здесь):
     'Unbounded' — геометрический, тяжёлый (текущий)
     'Manrope'   — спокойный, как остальной интерфейс */
  --font-display: 'Unbounded', 'Manrope', 'Segoe UI', Arial, sans-serif;
}

/* ============ DARK (ночное небо из палитры) ============ */
[data-theme="dark"]{
  --bg:          #070B16;
  --bg-grad:     radial-gradient(1100px 620px at 15% -12%, #14224A 0%, transparent 62%),
                 radial-gradient(820px 460px at 100% 4%, #0F1B3C 0%, transparent 58%),
                 #070B16;
  --surface:     #101a31;
  --surface-2:   #16223E;
  --surface-3:   #1B2949;
  --line:        #1F2E51;
  --line-strong: #2A3C68;

  --text:        #E8EEFB;
  --text-2:      #9FB0D4;
  --text-3:      #6E7FA6;

  --accent:      #7CA3F0;
  --accent-2:    #A0BCEC;
  --accent-soft: #17255096;
  --grad-accent: linear-gradient(135deg,#7CA3F0 0%,#3B6BD8 55%,#1B3A7B 100%);
  --grad-cream:  linear-gradient(135deg,#2A3459 0%,#1C2547 100%);

  --ok-soft:#123A2E;
  --warn-soft:#3A2A16;
  --danger-soft:#3A1A22;

  --c-blue-s:#1A2A4E;  --c-green-s:#12352C; --c-purple-s:#241E45;
  --c-orange-s:#3A2A17; --c-pink-s:#3A1E2B; --c-cyan-s:#14313B;
  --c-navy-s:#1A2444;  --c-lime-s:#28331A;

  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 2px 6px rgba(0,0,0,.35), 0 10px 26px rgba(0,0,0,.4);
  --sh-3: 0 10px 30px rgba(0,0,0,.5), 0 30px 70px rgba(0,0,0,.55);
  --sh-accent: 0 8px 22px rgba(124,163,240,.25);
}

/* ============ Тема «Cream» (разблокируется в магазине) ============ */
[data-theme="cream"]{
  --bg-grad: radial-gradient(1000px 600px at 10% -10%, #FFFDF0 0%, transparent 60%), #F6F4E4;
  --surface:#FFFEF7; --surface-2:#F8F6E8; --surface-3:#F1EEDA;
  --line:#E8E3CC; --line-strong:#DAD3B6;
  --text:#2A2A1E; --text-2:#6B6A55; --text-3:#9A9880;
  --accent:#1B3A7B; --accent-soft:#E9EDF7;
  --grad-accent: linear-gradient(135deg,#56698F 0%,#1B3A7B 100%);
}

/* ============ Тема «Midnight Neon» ============ */
[data-theme="neon"]{
  --bg-grad: radial-gradient(900px 520px at 20% -10%, #241a5c 0%, transparent 60%),
             radial-gradient(700px 420px at 90% 10%, #0d3b5e 0%, transparent 60%), #05060F;
  --surface:#0D1024; --surface-2:#141935; --surface-3:#1B2148;
  --line:#232a56; --line-strong:#333d78;
  --text:#EAF0FF; --text-2:#9FA9D8; --text-3:#6B75A8;
  --accent:#8B6BF5; --accent-2:#3FE0C8; --accent-soft:#1E1B4B;
  --grad-accent: linear-gradient(135deg,#8B6BF5 0%,#4B5FE8 50%,#3FE0C8 100%);
  --sh-accent: 0 8px 26px rgba(139,107,245,.4);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}