/* CoolMaxTech brand defaults for the accounts pages.
   Your coolmaxtech-design-tokens.css (BrandAssets) is loaded right after this file,
   so any variable it defines with the same name wins. To align colours exactly,
   copy the hex values from that file into the variables below. */
:root {
  --cmt-bg: #060A14;
  --cmt-bg-2: #0A1120;
  --cmt-surface: #0E1628;
  --cmt-surface-2: #131D34;
  --cmt-surface-3: #1A2642;
  --cmt-border: rgba(140, 165, 220, 0.16);
  --cmt-border-strong: rgba(140, 165, 220, 0.30);
  --cmt-text: #E9EEF9;
  --cmt-text-muted: #9AA8C6;
  --cmt-text-faint: #6C7A99;

  --cmt-primary: #00D2FF;        /* neon cyan */
  --cmt-primary-ink: #03121F;    /* text on primary */
  --cmt-secondary: #8B5CF6;      /* violet */
  --cmt-accent: #FF4FD8;         /* magenta highlight, used sparingly */
  --cmt-gradient: linear-gradient(100deg, var(--cmt-primary) 0%, var(--cmt-secondary) 100%);
  --cmt-glow: 0 0 0 1px rgba(0, 210, 255, .35), 0 8px 30px rgba(0, 210, 255, .18);

  --cmt-success: #34D399;
  --cmt-warning: #FBBF24;
  --cmt-danger: #F87171;
  --cmt-info: #60A5FA;

  --cmt-radius: 12px;
  --cmt-radius-sm: 8px;
  --cmt-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --cmt-mono: "JetBrains Mono", "Cascadia Code", Consolas, "SFMono-Regular", monospace;
}