/* ================================================================
   KEIBA TECH-CADEMY — shared theme
   Same look as keibatech.com/class (dark indigo / light teal, Roboto, flat colours,
   no gradients). The class pages and this site share the same localStorage key
   (kt_admin_theme), so the chosen theme follows the user between them.
   Colour names from the old gold theme are kept (--gold, --teal ...) so every
   page picks the new palette up without being rewritten.
   ================================================================ */
:root{
  color-scheme:dark;
  --bg:#070913; --bg2:#0d111d; --card:#12172a; --border:rgba(255,255,255,.09);
  --gold:#6366f1; --gold2:#818cf8; --gold-dim:rgba(99,102,241,.14); --gold-rgb:99,102,241;
  --teal:#10b981; --teal-rgb:16,185,129;
  --ice:#a5b4fc; --ice-rgb:165,180,252;
  --red:#ef4444; --red-rgb:239,68,68; --red-text:#fca5a5;
  --warn:#f59e0b; --warn-rgb:245,158,11; --amber-text:#fcd34d;
  --white:#f3f4f6; --muted:#9ca3af; --dim:#6b7280;
  --on-gold:#ffffff;
  --header-bg:rgba(7,9,19,.85);
  --overlay-subtle:rgba(255,255,255,.05); --overlay-medium:rgba(255,255,255,.08); --overlay-strong:rgba(255,255,255,.2);
  --card-shadow:rgba(0,0,0,.4);
  --scrollbar-track:#070913;
  --font:'Roboto',Arial,sans-serif;
  --r:16px; --rs:10px; --tr:all .2s ease;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f6faf9; --bg2:#ffffff; --card:#ffffff; --border:rgba(15,23,42,.1);
  --gold:#14b8a6; --gold2:#0d9488; --gold-dim:rgba(20,184,166,.12); --gold-rgb:20,184,166;
  --teal:#059669; --teal-rgb:5,150,105;
  --ice:#0f766e; --ice-rgb:15,118,110;
  --red:#dc2626; --red-rgb:220,38,38; --red-text:#b91c1c;
  --warn:#d97706; --warn-rgb:217,119,6; --amber-text:#b45309;
  --white:#1e293b; --muted:#64748b; --dim:#94a3b8;
  --on-gold:#ffffff;
  --header-bg:rgba(255,255,255,.85);
  --overlay-subtle:rgba(15,23,42,.04); --overlay-medium:rgba(15,23,42,.06); --overlay-strong:rgba(15,23,42,.12);
  --card-shadow:rgba(15,23,42,.08);
  --scrollbar-track:#f1f5f9;
}
html,body{font-family:var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font)}
::-webkit-scrollbar-track{background:var(--scrollbar-track)}
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .auth-card{box-shadow:0 1px 3px var(--card-shadow)}

/* light/dark switch (same look as the one on /class) */
.theme-toggle-btn{background:var(--overlay-subtle);border:1px solid var(--border);color:var(--white);width:36px;height:36px;border-radius:var(--rs);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:all .2s ease;flex-shrink:0}
.theme-toggle-btn:hover{background:var(--overlay-strong);border-color:var(--gold)}
.theme-toggle-btn.floating{position:fixed;right:14px;bottom:14px;z-index:9999;box-shadow:0 4px 14px var(--card-shadow);background:var(--card)}
.auth-nav-right{display:flex;align-items:center;gap:12px}
.nav-logo-box svg.kt-cap,.auth-logo-box svg.kt-cap,.sb-logo-box svg.kt-cap,.ln-logo-box svg.kt-cap{width:62%;height:62%;display:block}

/* page-overlay tint that follows the theme (used over photos) */
:root{--bg-rgb:7,9,19}
html[data-theme="light"]{--bg-rgb:246,250,249}