/* ============================================================
   Press pages — corporate dark theme overlay
   Loads AFTER style.css. Overrides the design tokens (and a few
   structural rules) so the press pages match mlpipes.ai's dark,
   electric cyan/blue look. Dark-only (toggle hidden).
   ============================================================ */

/* Force the corporate near-black / cyan-blue palette regardless of
   whatever data-theme value main.js may set from localStorage. */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --primary:        #22D3EE;
  --primary-dark:   #2563EB;
  --secondary:      #3B82F6;

  --accent-primary: #38BDF8;
  --accent-blue:    #38BDF8;

  --bg-primary:     #0A0E14;
  --bg-secondary:   #0D131D;
  --bg-tertiary:    #111A27;
  --bg-card:        #0D131D;
  --bg-elevated:    #111A27;

  --text-primary:   #E6EDF3;
  --text-secondary: #8B98A8;
  --text-tertiary:  #6B7685;
  --text-muted:     #5B6675;
  --text-on-primary:#04121E;

  --border-light:   rgba(255, 255, 255, 0.08);
  --border-medium:  rgba(255, 255, 255, 0.14);
  --border-dark:    rgba(255, 255, 255, 0.20);
  --border-color:   rgba(255, 255, 255, 0.08);

  --gradient-primary: linear-gradient(135deg, #22D3EE 0%, #3B82F6 100%);
  --gradient-hero:    linear-gradient(135deg, #0A0E14 0%, #0D131D 100%);
  --gradient-card:    linear-gradient(145deg, #0D131D 0%, #111A27 100%);
  --gradient-cta:     linear-gradient(135deg, #22D3EE 0%, #3B82F6 100%);

  --shadow-color: rgba(0, 0, 0, 0.5);
}

body {
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(34, 211, 238, 0.07), transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 0%, rgba(59, 130, 246, 0.06), transparent 55%),
    var(--bg-primary);
  color: var(--text-primary);
}

/* Navbar: corporate translucency, forced dark regardless of theme attr */
.navbar,
[data-theme="dark"] .navbar {
  background: rgba(10, 14, 20, 0.72) !important;
  border-bottom: 1px solid var(--border-light);
}

/* Headings in Space Grotesk to match the corporate site */
h1, h2, h3, h4,
.logo-text,
.press-list-title,
.press-article h1,
.press-article h2,
.press-article h3 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  letter-spacing: -0.01em;
}

/* Dark-only: remove the light/dark toggle */
.theme-toggle { display: none !important; }

/* Pills/badges: gradient with dark text reads better on near-black */
.press-badge,
.press-list-badge {
  background: var(--gradient-primary);
  color: #04121E;
}

/* Card hover glow on dark */
.press-list-item:hover {
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55);
  border-color: var(--primary);
}

/* Soften media borders on dark */
.press-list-thumb,
.press-img-phone,
.press-img-watch,
.press-founder-photo {
  border: 1px solid var(--border-light);
}

/* Primary button: gradient pill, dark label */
.btn-primary {
  background: var(--gradient-primary);
  color: #04121E;
  border: none;
}
.btn-primary:hover { filter: brightness(1.06); }