:root {
  /*THEME COLORS*/
  color-scheme: dark;
  --color-background: #07111f;
  --color-surface: #0c192b;
  --color-surface-accent: #102c4e;
  --color-text: #e8f0ff;
  --color-text-on-primary: #ffffff;
  --color-text-muted: #b9c8df;
  --color-text-subtle: #91a5c2;
  --color-primary: #3978e6;
  --color-primary-soft: #74a7ff;
  --color-border: #203a5d;
  --color-border-strong: #365273;
  --color-border-secondary: #56749d;
  --color-accent-glow: #173b6b;
  --color-banner-border: #2e619c;
  --color-error-surface: #491d2a;
  --color-error-text: #ff96ac;
  --color-error-border: #8a3b4f;
  --color-success: #2ecc71;
  --color-success-surface: #0f3822;
  --color-success-text: #7ee2a8;
  --color-warning: #f1c40f;
  --color-warning-surface: #3d330c;
  --color-warning-text: #fae19c;
  /*THEME COLORS*/
}