/* ============================================================
   NOVASHIELD IT — THEME 1: DARK NAVY
   Deep navy background, electric blue & cyan accents
   ============================================================ */
:root,
[data-theme="dark-navy"] {
  /* Core palette */
  --bg-primary: #080d26;
  --bg-secondary: #0e1434;
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(46, 110, 247, 0.07);

  /* Brand colours */
  --color-primary: #2e6ef7;
  --color-secondary: #7b5cff;
  --color-accent: #00d4ff;
  --color-green: #00c878;
  --color-orange: #ff8232;
  --color-rose: #ff5078;

  /* Legacy variable mappings for compatibility */
  --navy: #080d26;
  --navy-mid: #0e1434;
  --navy-light: #121c42;
  --blue: #1a4fbd;
  --blue-bright: #2e6ef7;
  --accent: #00d4ff;
  --accent2: #7b5cff;
  --green: #00c878;
  --orange: #ff8232;
  --rose: #ff5078;
  --white: #ffffff;
  --offwhite: #f0f4ff;
  --gray: #8895b3;
  --gray-light: #aab4cc;

  /* Text */
  --text-primary: #ffffff;
  --text-secondary: #8895b3;
  --text-muted: rgba(136, 149, 179, 0.6);

  /* Borders & shadows */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-brand: rgba(46, 110, 247, 0.28);
  --shadow-sm: 0 4px 24px rgba(46, 110, 247, 0.4);
  --shadow-lg: 0 8px 40px rgba(46, 110, 247, 0.55);

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --transition: 0.25s ease;

  /* Gradient helpers */
  --grad-primary: linear-gradient(135deg, #2e6ef7, #7b5cff);
  --grad-accent: linear-gradient(90deg, #2e6ef7, #00d4ff);
  --grad-cta: linear-gradient(135deg, #1a4fbd 0%, #0a2a80 50%, #7b5cff 100%);
}