:root {
  --wdx-navy: #0B1F3A;
  --wdx-deep-blue: #123B63;
  --wdx-electric-blue: #1E9FE8;
  --wdx-teal: #0E7C86;
  --wdx-green: #7AC943;
  --wdx-lime: #A6E35F;
  --wdx-charcoal: #101820;
  --wdx-slate: #5C6B73;
  --wdx-light-bg: #F5F8FB;
  --wdx-white: #FFFFFF;
  --wdx-warning: #F59E0B;
  --wdx-danger: #E11D48;
  --wdx-success: #22C55E;
}

body {
  background: var(--wdx-light-bg);
  color: var(--wdx-charcoal);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.btn-primary { background: var(--wdx-green); color: var(--wdx-navy); }
.btn-secondary { background: var(--wdx-electric-blue); color: var(--wdx-white); }
.app-sidebar { background: var(--wdx-navy); color: var(--wdx-white); }
.app-header { background: var(--wdx-white); border-bottom: 1px solid #D6E3EC; }
.card { background: var(--wdx-white); border: 1px solid #D6E3EC; border-radius: 16px; }
.status-success { color: var(--wdx-success); }
.status-warning { color: var(--wdx-warning); }
.status-danger { color: var(--wdx-danger); }