/* ═══════════════════════════════════════════════════════════════
   THEME: ADOG (Agentic DevOps Guild)
   
   Full dark theme inspired by agenticdevops.fm's rendered palette.
   
   Design rationale:
   - Base bg #303435 (warm charcoal) matches the podcast site
   - Teal #8CB4BA is the secondary/text accent — headings, labels
   - Rust #A86153 for borders, dividers, warm accent pops
   - Green #30E88F remains the CTA/action color — high contrast on dark
   - Section bgs shift subtly within the dark range for rhythm
   - Cards are slightly lighter dark, not white
═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Typography ──────────────────────────────────────────── */
  --font-display: 'JetBrains Mono', monospace;
  --font-body: 'Instrument Sans', -apple-system, sans-serif;

  /* ── Background layers (all dark) ────────────────────────── */
  --bg-deep: #282c2d;              /* deepest bg — footer, hero */
  --bg-base: #303435;              /* primary page bg — matches podcast */
  --bg-elevated: #3a3f40;          /* cards, elevated surfaces */
  --bg-surface: #434849;           /* inset surfaces, icon bg */
  --bg-highlight: #515758;         /* borders, dividers */

  /* ── Alternate section bgs (subtle dark shifts) ──────────── */
  --bg-section-alt: #353a3b;       /* slightly lighter than base */
  --bg-section-deep: #2b2f30;      /* slightly darker than base */

  /* ── Brand accents ───────────────────────────────────────── */
  /* Teal — from agenticdevops.fm secondary */
  --teal: #8CB4BA;
  --teal-dim: rgba(140, 180, 186, 0.6);
  --teal-muted: rgba(140, 180, 186, 0.15);

  /* Rust — from agenticdevops.fm border accent */
  --rust: #A86153;
  --rust-dim: rgba(168, 97, 83, 0.6);
  --rust-muted: rgba(168, 97, 83, 0.2);

  /* Green — CTA / action color */
  --accent: #30E88F;
  --accent-hover: #22D17E;
  --accent-soft: rgba(48, 232, 143, 0.2);
  --accent-muted: rgba(48, 232, 143, 0.1);

  /* ── Semantic colors ────────────────────────────────────── */
  --color-success: #30E88F;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #8CB4BA;

  /* ── Text colors (all on dark backgrounds) ──────────────── */
  --text-primary: #E8EDEE;         /* high contrast — headings, body */
  --text-secondary: #B0BFBF;       /* medium contrast — descriptions */
  --text-muted: #7A8A8A;           /* low contrast — labels, meta */
  --text-teal: #8CB4BA;            /* teal accent text — section labels */
  --text-accent: #30E88F;          /* green accent text */

  /* ── Gradients ──────────────────────────────────────────── */
  --gradient-accent: linear-gradient(135deg, #30E88F 0%, #22D17E 40%, #10B981 100%);
  --gradient-accent-vivid: linear-gradient(135deg, #30E88F 0%, #8CB4BA 100%);
  --gradient-teal: linear-gradient(135deg, #8CB4BA 0%, #6A9BA3 100%);
  --gradient-dark: linear-gradient(180deg, #282c2d 0%, #303435 100%);

  /* ── Effects ────────────────────────────────────────────── */
  --glow-accent: 0 0 30px rgba(48, 232, 143, 0.2);
  --glow-accent-strong: 0 0 50px rgba(48, 232, 143, 0.3);
  --glow-teal: 0 0 30px rgba(140, 180, 186, 0.15);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3);

  /* ── Noise texture ──────────────────────────────────────── */
  --noise-opacity: 0.03;

  /* ── Radii ──────────────────────────────────────────────── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* ── Status badge colors (on dark) ─────────────────────── */
  --status-live-bg: rgba(48, 232, 143, 0.12);
  --status-live-color: #30E88F;
  --status-live-border: rgba(48, 232, 143, 0.3);
  --status-coming-bg: rgba(245, 158, 11, 0.12);
  --status-coming-color: #FBBF24;
  --status-coming-border: rgba(245, 158, 11, 0.3);
  --status-future-bg: rgba(140, 180, 186, 0.12);
  --status-future-color: #8CB4BA;
  --status-future-border: rgba(140, 180, 186, 0.3);

  /* ── Icon accent colors (per benefit card) ──────────────── */
  --icon-1: #8CB4BA;     /* teal — community/people */
  --icon-2: #30E88F;     /* green — courses/knowledge */
  --icon-3: #A86153;     /* rust — AI/code */
  --icon-4: #FBBF24;     /* amber — direct access */
  --icon-5: #8CB4BA;     /* teal — community chat */
  --icon-6: #A86153;     /* rust — early access */
}