/* ============================================================
   tokens.css — THE ONLY FILE THE CHATGPT DESIGN CHANGES.
   Colors, fonts, radius, shadows, background. No layout here.
   ============================================================ */
:root{
  --bg:#F4F8FC;
  --bg-image:url("../img/bg.jpg");
  --surface:#FFFFFF;
  --surface-2:#EAF3FB;
  --primary:#0B5CAB;
  --primary-hover:#084A8A;
  --on-primary:#FFFFFF;
  --accent:#0EA5E9;
  --success:#1E7B3A;
  --success-bg:#E6F4EA;
  --warning:#8A5A00;
  --warning-bg:#FFF4D6;
  --danger:#B42318;
  --danger-bg:#FDECEA;
  --text:#14263B;
  --muted:#4A5D73;
  --border:#CFDDEB;

  --font-head:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;

  --radius:14px;
  --radius-sm:10px;
  --shadow:0 6px 24px rgba(16,42,72,.08);
  --focus:#0EA5E9;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0B1522; --surface:#122133; --surface-2:#18304A; --primary:#5AA9F2; --primary-hover:#7DBCF6; --on-primary:#06121F;
    --accent:#38BDF8; --success:#5FD38A; --success-bg:#143322; --warning:#F5C451; --warning-bg:#3A2E10;
    --danger:#FF8A80; --danger-bg:#3D1715; --text:#E7EEF7; --muted:#A9B8CA; --border:#2A4360;
    --shadow:0 6px 24px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  --bg:#0B1522; --surface:#122133; --surface-2:#18304A; --primary:#5AA9F2; --primary-hover:#7DBCF6; --on-primary:#06121F;
  --accent:#38BDF8; --success:#5FD38A; --success-bg:#143322; --warning:#F5C451; --warning-bg:#3A2E10;
  --danger:#FF8A80; --danger-bg:#3D1715; --text:#E7EEF7; --muted:#A9B8CA; --border:#2A4360;
  --shadow:0 6px 24px rgba(0,0,0,.35);
}