/* ══════════════════════════════════════════════════
   CD RESTOP — Design System Tokens v1.0
   Shared across all pages
══════════════════════════════════════════════════ */
:root {
  /* ── BRAND PALETTE ── */
  --navy: #1B3A6B;
  --navy-d: #0D1F3C;
  --navy-m: #162E4D;
  --navy-l: #2A4F8C;
  --navy-xl: #EEF2F8;
  --navy-2: #D0DCEE;
  --amber: #F0A500;
  --amber-d: #B37700;
  --amber-l: #FFF8E1;
  --amber-2: #FFE082;
  --red: #E53935;
  --red-l: #FFEBEE;
  --red-d: #B71C1C;
  --green: #2E7D32;
  --green-l: #E8F5E9;
  --green-m: #43A047;
  --green-d: #1B5E20;
  --teal: #00796B;
  --teal-l: #E0F2F1;
  --purple: #6A1B9A;
  --purple-l: #F3E5F5;
  --gray: #607D8B;
  --gray-l: #F4F6F9;
  --gray-xl: #ECEFF1;
  --gray-2: #CFD8DC;
  /* ── TEXT ── */
  --text: #1A2E45;
  --text-m: #455A64;
  --text-l: #78909C;
  --text-xl: #B0BEC5;
  --white: #FFFFFF;
  --border: #E1E8EF;
  --border-d: #CFD8DC;
  /* ── SHADOWS ── */
  --sh-xs: 0 1px 3px rgba(27,58,107,.06);
  --sh: 0 2px 8px rgba(27,58,107,.08), 0 1px 3px rgba(27,58,107,.05);
  --sh-md: 0 4px 16px rgba(27,58,107,.10), 0 1px 4px rgba(27,58,107,.06);
  --sh-lg: 0 8px 32px rgba(27,58,107,.13), 0 2px 8px rgba(27,58,107,.07);
  --sh-amber: 0 4px 16px rgba(240,165,0,.25);
  /* ── RADIUS ── */
  --r: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  /* ── LAYOUT ── */
  --sidebar-w: 240px;
  --topbar-h: 58px;
  /* ── FONTS ── */
  --font: 'DM Sans', sans-serif;
  --font-serif: 'DM Serif Display', serif;
  /* ── TOPBAR ── */
  --tb-from: #071526;
  --tb-to: #1a3560;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 14px; color: var(--text); -webkit-font-smoothing: antialiased; }
body { font-family: var(--font); min-height: 100vh; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }