/* ============================================================
   theme.css
   Shared design tokens & base typography for the whole app.
   Loaded on every page (auth pages and the dashboard shell).
   ============================================================ */

:root{
  --primary:#0a4f8c;--primary-dark:#073764;--primary-light:#e8f2fb;
  --accent:#00b4d8;--accent2:#48cae4;--platform:#6d28d9;--platform-light:#f3eafe;
  --success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;
  --sidebar-w:264px;--header-h:64px;
  --bg:#f4f7fb;--card-bg:#ffffff;--text:#1e2a3b;--muted:#6b7280;
  --border:#e2e8f0;--radius:10px;--shadow:0 2px 12px rgba(10,79,140,.08);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;color:var(--text);font-size:14px;background:var(--bg);}
h1,h2,h3,h4,h5,h6,.brand-title,.page-title{font-family:'Syne',sans-serif;}

.text-xs{font-size:11px;}
.section-gap{margin-bottom:24px;}

/* generic form look shared by auth + dashboard forms */
.form-label{font-size:12px;font-weight:600;margin-bottom:5px;color:var(--text);}
.form-control,.form-select{font-size:13px;border-color:var(--border);border-radius:7px;}
.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,180,216,.15);}

.btn-primary{background:var(--primary);border-color:var(--primary);}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);}
.btn-outline-primary{color:var(--primary);border-color:var(--primary);}
.btn-outline-primary:hover{background:var(--primary);}