/* ============================================
   THEME: Provida Dark
   Brand-native dark mode: deep teal navy,
   glowing accents, modern healthtech energy
   Fonts: Outfit (display) + Nunito (body)
   ============================================ */

:root[data-theme="provida-dark"] {
  /* Fonts — same family as Provida Light */
  --font-serif: 'Outfit', sans-serif;
  --font-sans: 'Nunito', sans-serif;

  /* Brand colours */
  --color-primary: #00D4FF;
  --color-primary-dark: #00B4D8;
  --color-primary-light: rgba(0, 212, 255, 0.12);
  --color-primary-xlight: rgba(0, 212, 255, 0.06);
  --color-green: #5DDB78;
  --color-yellow: #FFBE3D;
  --color-orange: #FF9B2E;

  /* Page colours */
  --color-bg: #071820;
  --color-bg-alt: #0D2333;
  --color-bg-light: #102A3D;
  --color-bg-card: #0D2333;
  --color-text: #E0F7FC;
  --color-text-secondary: #9BCFDE;
  --color-text-muted: rgba(224, 247, 252, 0.5);
  --color-text-subtle: rgba(224, 247, 252, 0.3);
  --color-accent: #00D4FF;
  --color-accent-hover: #00B4D8;
  --color-highlight: #FFBE3D;
  --color-border: rgba(0, 212, 255, 0.18);
  --color-border-strong: rgba(0, 212, 255, 0.35);
  --color-divider: rgba(0, 212, 255, 0.08);

  /* Nav */
  --nav-bg: rgba(7, 24, 32, 0.95);
  --nav-height: 4.25rem;

  /* Footer */
  --footer-bg: #040E15;
  --footer-text: rgba(0, 212, 255, 0.35);
  --footer-text-strong: rgba(224, 247, 252, 0.7);
  --footer-border: rgba(0, 212, 255, 0.1);

  /* Buttons */
  --btn-primary-bg: #00D4FF;
  --btn-primary-text: #071820;
  --btn-secondary-border: rgba(0, 212, 255, 0.3);

  /* Layout */
  --site-margin: clamp(1.5rem, 5vw, 5rem);
  --max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --transition-fast: 200ms ease;
  --transition-med: 300ms ease;
  --transition-slow: 400ms ease;

  --logo-filter: none;
  --holly-bg: #040E15;
}