:root {
  /* Base theme color - Dark theme by default */
  --primary:#a1c9ff;
  --on-primary:#00325a;
  --primary-container:#00487f;
  --on-primary-container:#d2e4ff;
  --secondary:#bbc7db;
  --on-secondary:#253141;
  --secondary-container:#3c4858;
  --on-secondary-container:#d7e3f8;
  --tertiary:#d8bde4;
  --on-tertiary:#3c2947;
  --tertiary-container:#533f5f;
  --on-tertiary-container:#f4d9ff;
  --error:#ffb4ab;
  --on-error:#690005;
  --error-container:#93000a;
  --on-error-container:#ffb4ab;
  --background:#1a1c1e;
  --on-background:#e3e2e6;
  --surface:#121316;
  --on-surface:#e3e2e6;
  --surface-variant:#43474e;
  --on-surface-variant:#c3c6cf;
  --outline:#8d9199;
  --outline-variant:#43474e;
  --shadow:#000000;
  --scrim:#000000;
  --inverse-surface:#e3e2e6;
  --inverse-on-surface:#2f3033;
  --inverse-primary:#0061a7;
  --surface-dim:#121316;
  --surface-bright:#38393c;
  --surface-container-lowest:#0d0e11;
  --surface-container-low:#1a1c1e;
  --surface-container:#1e2022;
  --surface-container-high:#292a2d;
  --surface-container-highest:#333538;
}

/* Light theme overrides when .light class is present */
:root body.light {
  --primary:#0061a7;
  --on-primary:#ffffff;
  --primary-container:#d2e4ff;
  --on-primary-container:#001c37;
  --secondary:#535f70;
  --on-secondary:#ffffff;
  --secondary-container:#d7e3f8;
  --on-secondary-container:#101c2b;
  --tertiary:#6c5678;
  --on-tertiary:#ffffff;
  --tertiary-container:#f4d9ff;
  --on-tertiary-container:#261431;
  --error:#ba1a1a;
  --on-error:#ffffff;
  --error-container:#ffdad6;
  --on-error-container:#410002;
  --background:#fdfcff;
  --on-background:#1a1c1e;
  --surface:#faf9fd;
  --on-surface:#1a1c1e;
  --surface-variant:#dfe2eb;
  --on-surface-variant:#43474e;
  --outline:#73777f;
  --outline-variant:#c3c6cf;
  --shadow:#000000;
  --scrim:#000000;
  --inverse-surface:#2f3033;
  --inverse-on-surface:#f1f0f4;
  --inverse-primary:#a1c9ff;
  --surface-dim:#dad9dd;
  --surface-bright:#faf9fd;
  --surface-container-lowest:#ffffff;
  --surface-container-low:#f4f3f7;
  --surface-container:#eeedf1;
  --surface-container-high:#e8e8eb;
  --surface-container-highest:#e3e2e6;
}