/* rSchool — design tokens για το site (ίδια με την εφαρμογή και την παρουσίαση).
   Ανοιχτό θέμα από προεπιλογή· σκούρο με prefers-color-scheme ή με data-theme="dark". */
:root{
  /* βασικά */
  --yellow:#FFC72C; --amber:#FDB813; --ink:#22252A; --night:#1F2430; --night-2:#171b23;
  --stop:#E4002B; --sky:#2D9CDB; --ok:#1E8E3E; --grey:#6B7280; --cloud:#F4F4F5; --ring:#E9EBEE;
  /* σημασιολογία πεδίου */
  --entos:#1E8E3E; --ektos:#2D9CDB; --steep:#E4002B;
  /* επιφάνειες */
  --bg:#FBFAF6; --surface:#FFFFFF; --text:#22252A; --muted:#5B616B; --line:#E3E5EA;
  /* τυπογραφία */
  --font:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-wordmark:Fredoka,var(--font);
  --fs-hero:clamp(40px,6vw,88px); --fs-h2:clamp(30px,4vw,56px); --fs-body:clamp(17px,1.25vw,20px);
  /* σχήμα και κίνηση */
  --radius:22px; --shadow:0 18px 40px -28px rgba(34,37,42,.35);
  --ease:cubic-bezier(.2,.8,.25,1); --ease-io:cubic-bezier(.45,0,.2,1);
  --t-in:.7s; --t-draw:2.2s; --t-count:2s; --stagger:.12s;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1116; --surface:#161B22; --text:#E6EEF9; --muted:#93A0B2; --line:#242C37;
    --entos:#5EC97F; --ektos:#7CBCEA; --steep:#FF6B83;
    --shadow:0 10px 34px -14px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --bg:#0E1116; --surface:#161B22; --text:#E6EEF9; --muted:#93A0B2; --line:#242C37;
  --entos:#5EC97F; --ektos:#7CBCEA; --steep:#FF6B83;
  --shadow:0 10px 34px -14px rgba(0,0,0,.7);
}
@font-face{font-family:Fredoka;src:url('../fonts/fredoka-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.55}
.wordmark{font-family:var(--font-wordmark);font-weight:600;letter-spacing:.4px}
.wordmark .r{color:var(--yellow)}
:root:not([data-theme="dark"]) .wordmark .r{-webkit-text-stroke:1.1px var(--ink);paint-order:stroke fill}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}