/* =====================================================================
   ekΜάθησις — Design Tokens v4 «FROST»  ·  (11/6/2026)
   ---------------------------------------------------------------------
   ΠΑΛΕΤΑ ΑΝΤΩΝΗ (αυστηρά):
   - Φόντο: mauve (μωβ) glow πάνω-αριστερά + ΑΠΑΛΟ MINT-GREEN glow — πάνω
     σε ανοιχτό γκρι-λιλά (το φόντο της 1ης προσπάθειας/reference).
   - Θετικοί εκπαιδευτικοί:  mint πράσινο  #54CE96 (soft #C9F2DB)
   - Θεωρητικοί εκπαιδευτικοί: μπλε ίδιου τόνου #5FB0EA (soft #D2E9FA)
   - Γενικό accent: παστέλ ΚΙΤΡΙΝΟ (reference) · δευτερεύον: ΜΩΒ (reference)
   - Κύρια δράση/ενεργά: ΜΑΥΡΟ pill.
   Τυπογραφία: Inter — ΜΕΓΑΛΕΣ & ΛΕΠΤΕΣ (300/400) σε τίτλους/νούμερα.
   ΘΕΜΑΤΑ: light (default) | dark. Παλιά skins: git commit 1a23ee4.
   ⚠️ WCAG AA: κείμενο ≥ 4.5:1 και στα δύο.
   ===================================================================== */

:root{
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --ease-soft:cubic-bezier(.16,1,.3,1);
  --dur-fast:.22s; --dur:.42s; --dur-slow:.55s;
  --w-num:200; --w-title:400; --w-label:500;        /* ΛΕΠΤΕΣ μεγάλες — βάρος 200 (επιλογή Αντώνη 11/6) */
  --r-sm:14px; --r-md:20px; --r-lg:24px; --r-xl:30px; --r-pill:999px;
  --r-frame:34px;
  /* χρώματα ρόλων: ΠΗΓΗ = UserRepository::SPECIALTY_ROLE_COLORS (το base.php τα τυπώνει
     ως override — εδώ μόνο fallbacks). Τα soft ΠΑΡΑΓΟΝΤΑΙ από τα κύρια → μία αλλαγή, όλα μαζί. */
  --pos:#54CE96; --pos-soft:color-mix(in srgb, var(--pos) 26%, #FFFFFF);   /* θετικός — mint */
  --the:#66eeff; --the-soft:color-mix(in srgb, var(--the) 26%, #FFFFFF);   /* θεωρητικός/φιλόλογος — έντονο κυανό (30/6) */
}

/* ---- LIGHT (DEFAULT) ---- */
[data-theme="light"], :root:not([data-theme]), [data-theme=""]{
  /* v1 ΦΟΝΤΟ (έως 11/6 — ΚΡΑΤΗΘΗΚΕ για revert: ξεσχολίασε αυτό & σβήσε το ενεργό από κάτω):
  --body:radial-gradient(1050px 780px at -6% 4%, #C3B3EC 0%, rgba(195,179,236,0) 60%),
         radial-gradient(750px 600px at 108% 112%, #CDC2E8 0%, rgba(205,194,232,0) 55%),
         linear-gradient(150deg,#DBD8E1 0%,#E0DDE5 55%,#E4E1E9 100%);
  */
  /* v3 (14/6): μωβ glow πάνω-αριστερά ΜΕΝΕΙ · κάτω-δεξιά ΠΡΑΣΙΝΟ glow (σβήνει ομαλά στο γκρι) */
  --body:radial-gradient(1050px 780px at -6% 4%, #C3B3EC 0%, rgba(195,179,236,0) 60%),
         radial-gradient(1150px 900px at 64% 70%, rgba(195,241,246,.62) 0%, rgba(195,241,246,.3) 34%, rgba(195,241,246,0) 56%),
         linear-gradient(150deg,#D4D2D8 0%,#D7D6DA 55%,#DAD9DC 100%);   /* mauve ↖ + υφή #c3f1f6 που ΚΑΤΕΒΑΙΝΕΙ από ~κέντρο ↘ προς κάτω-δεξιά & σβήνει σε γκρι στη γωνία (14/6) */
  --blur:blur(18px) saturate(150%);
  --frame-bg:transparent; --frame-bd:0; --shell-sh:none;
  --rail-bg:rgba(255,255,255,.55); --rail-bd:1px solid rgba(255,255,255,.8);
  --menu-bg:transparent; --content-bg:transparent; --right-bg:transparent;
  --line:rgba(50,45,75,.1);
  --text:#1B1A21; --muted:#75717F;
  /* TWO-LAYER (reference): εξωτερική κάρτα = frosted ημιδιάφανη · μέσα = ΑΣΠΡΑ κουτιά (--paper) */
  --card-bg:rgba(255,255,255,.5); --card-bd:1px solid rgba(255,255,255,.75); --card-sh:0 18px 44px -28px rgba(70,60,110,.38);
  --paper:#FFFFFF; --paper-bd:1px solid #F1F0F4;
  --chip:#F0EFF4; --track:#E9E8EE;
  --accent:#D8EE6F; --accent-ink:#455214; --accent-soft:#EDF6C7;       /* κιτρινο-lime #D8EE6F (αντικ. Wasabi 14/6, αίτημα Αντώνη) */
  --lav:#8B7BE8; --lav-soft:#E0DAF7;                                    /* μωβ reference */
  --glass-bg:rgba(255,255,255,.55); --glass-bd:rgba(255,255,255,.7);    /* glass borders σε LIGHT — ΛΕΥΚΟ/ανοιχτό όπως το μεγάλο πλαίσιο (στα λευκά πλαίσια = αόρατη hairline, χωρίς «γραμμές»), 14/6 */
  --ops-card:rgba(255,255,255,.55);                                     /* κάδρα /ops ΧΩΡΙΣ backdrop-blur — 14/6 · .90→.55 πιο διάφανο ώστε να ΞΕΧΩΡΙΖΟΥΝ τα λευκά πλαίσια συζήτησης (νήμα redesign 15/6) */
  /* glassmorphism ΔΙΑΒΑΘΜΙΣΗ νήματος (15/6): μπλοκ θέματος πιο διάφανο (+ σκιά για ανάδειξη) · απαντήσεις πιο λευκές → μεγάλη αντίθεση θέματος↔απάντησης (folder .55 · θέμα .50 + shadow · απάντηση .92) */
  --ops-ev-bg:rgba(255,255,255,.55); --ops-reply-bg:rgba(255,255,255,.92);   /* (18/6) νήμα 55%: πιο διάφανο ώστε να ΞΕΧΩΡΙΖΟΥΝ τα λευκά πλαίσια ανά μήνυμα (.92) */
  --ops-ev-shadow:0 8px 20px -7px rgba(45,35,75,.26); --ops-reply-shadow:0 2px 9px -4px rgba(45,35,75,.15);
  --g1a:#C9F2DB; --g2a:#54CE96; --g1b:#DDD6F6; --g2b:#A293EC;
  --hatch:#E0DAF7; --stripe:#DDD6F6;
  --toggle:#17161B; --toggle-ink:#FFFFFF; --dot:#17161B;
}

/* ---- DARK ---- */
[data-theme="dark"]{
  --body:radial-gradient(1050px 780px at -6% 4%, rgba(139,120,232,.38) 0%, rgba(139,120,232,0) 60%),
         radial-gradient(1150px 900px at 64% 70%, rgba(195,241,246,.2) 0%, rgba(195,241,246,.1) 34%, rgba(195,241,246,0) 56%),
         linear-gradient(155deg,#17141F 0%,#1A1722 55%,#1C1925 100%);   /* + υφή #c3f1f6 ↘ κέντρο→κάτω-δεξιά (14/6) */
  --blur:blur(18px) saturate(140%);
  --frame-bg:transparent; --frame-bd:0; --shell-sh:none;
  --rail-bg:rgba(255,255,255,.06); --rail-bd:1px solid rgba(255,255,255,.1);
  --menu-bg:transparent; --content-bg:transparent; --right-bg:transparent;
  --line:rgba(255,255,255,.09);
  --text:#EDEBF2; --muted:#9B98A8;
  --card-bg:rgba(255,255,255,.05); --card-bd:1px solid rgba(255,255,255,.08); --card-sh:0 14px 36px -22px rgba(0,0,0,.6);
  --paper:#251F31; --paper-bd:1px solid rgba(255,255,255,.06);
  --chip:rgba(255,255,255,.07); --track:rgba(255,255,255,.09);
  --accent:#D8EE6F; --accent-ink:#E9F3A8; --accent-soft:rgba(216,238,111,.16);   /* κιτρινο-lime #D8EE6F σε dark (14/6) */
  --lav:#A493F0; --lav-soft:rgba(139,120,230,.22);
  --glass-bg:rgba(255,255,255,.16); --glass-bd:rgba(255,255,255,.5);    /* glass groups σε DARK */
  --ops-card:rgba(37,31,49,.60);                                        /* κάδρα /ops σε dark — 14/6 · .90→.60 πιο διάφανο (νήμα redesign 15/6) */
  /* glassmorphism ΔΙΑΒΑΘΜΙΣΗ νήματος σε dark (15/6): λεπτό λευκό φιλμ → ξεχωρίζουν θέμα/απαντήσεις πάνω στο σκούρο κάδρο */
  --ops-ev-bg:rgba(255,255,255,.05); --ops-reply-bg:rgba(255,255,255,.12);
  --ops-ev-shadow:0 6px 16px -6px rgba(0,0,0,.45); --ops-reply-shadow:0 2px 8px -4px rgba(0,0,0,.32);
  --g1a:#C9F2DB; --g2a:#54CE96; --g1b:#DDD6F6; --g2b:#A493F0;
  --hatch:rgba(139,120,230,.2); --stripe:rgba(164,147,240,.35);
  --toggle:#EDEBF2; --toggle-ink:#17161B; --dot:#54CE96;
}