@layer base {
  :root {
    --m-primary: 15 20 40;
    --m-secondary: 22 30 55;
    --m-tertiary: 30 41 72;
    --m-border: 55 70 110;
    --m-text: 220 225 240;
    --m-muted: 130 145 175;
    --m-bg: 10 14 30;
    --m-error: 255 70 70;
    --m-success: 0 220 180;
    --m-accent: 80 140 255;
    --m-warning: 255 180 50;
    --m-shadow-opacity: 0.4;
    --m-glow-opacity: 0.1;
    --m-card-border-opacity: 0.1;
    --m-shimmer-from: rgba(80, 140, 255, 0.05);
    --m-shimmer-to: rgba(80, 140, 255, 0.12);
    --m-sidebar-from: 15 20 40;
    --m-sidebar-to: 15 18 35;
    --m-sidebar-border: rgba(80, 140, 255, 0.08);
    --m-sidebar-divider: rgba(80, 140, 255, 0.2);
  }
}