:root {
  --page-bg: #f4f7fb;
  --panel-bg: #ffffff;
  --panel-alt: #f8faff;
  --text: #10203d;
  --muted: #68758a;
  --line: #dfe6f0;

  --blue: #1559e8;
  --navy: #092b68;
  --purple: #7650de;
  --pink: #e93c82;
  --green: #20bf6b;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  --shadow: 0 8px 26px rgba(19, 48, 95, 0.10);
  --content-width: 1500px;
}

html[data-theme="dark"] {
  --page-bg: #0d1424;
  --panel-bg: #141d30;
  --panel-alt: #19243a;
  --text: #eef4ff;
  --muted: #aab6ca;
  --line: #2b3850;
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}