/* Fonts (Inter + Plus Jakarta Sans) are enqueued via wp_enqueue_style in lahf.php. */
:root {
  --radius: 1rem;
  --background: oklch(0.995 0.005 230);
  --foreground: oklch(0.22 0.07 245);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.22 0.07 245);
  --primary: oklch(0.66 0.16 240);
  --primary-foreground: oklch(1 0 0);
  --primary-soft: oklch(0.95 0.04 235);
  --secondary: oklch(0.86 0.16 92);
  --secondary-foreground: oklch(0.28 0.08 250);
  --accent: oklch(0.95 0.04 235);
  --accent-foreground: oklch(0.35 0.12 245);
  --muted: oklch(0.97 0.01 235);
  --muted-foreground: oklch(0.5 0.04 245);
  --border: oklch(0.92 0.02 235);
  --gradient-hero: linear-gradient(135deg, oklch(0.66 0.16 240) 0%, oklch(0.55 0.18 245) 60%, oklch(0.78 0.16 215) 100%);
  --gradient-warm: linear-gradient(135deg, oklch(0.86 0.16 92) 0%, oklch(0.78 0.18 75) 100%);
  --gradient-soft: linear-gradient(180deg, oklch(0.98 0.015 235) 0%, oklch(1 0 0) 100%);
  --shadow-soft: 0 10px 30px -12px oklch(0.55 0.18 245 / 0.18);
  --shadow-glow: 0 20px 60px -20px oklch(0.66 0.16 240 / 0.35);
  --lahf-font-body: "Inter", system-ui, sans-serif;
  --lahf-font-head: "Plus Jakarta Sans", "Inter", sans-serif;
}

/* Scroll reveal baseline */
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }
/* In the builder canvas, reveal immediately (gotcha §7e). */
.lahf-builder [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ===== Anti-Breakdance overrides (playbook §7a/§7b) ===== */
.breakdance [class*="lahf-"] {
  --bde-links-color: var(--primary);
  --bde-links-color-hover: var(--secondary);
  --bde-heading-font-family: var(--lahf-font-head);
}
.breakdance [class*="lahf-"] h1,
.breakdance [class*="lahf-"] h2,
.breakdance [class*="lahf-"] h3,
.breakdance [class*="lahf-"] h4 { font-family: var(--lahf-font-head); letter-spacing: -0.02em; color: inherit; }
/* Headings inherit their container's colour (white on gradient heroes/CTA, dark on light sections).
   Light-section element containers set color:var(--foreground) so their headings stay dark. */
.breakdance .lahf-feature-cards, .breakdance .lahf-split, .breakdance .lahf-news,
.breakdance .lahf-members, .breakdance .lahf-partners, .breakdance .lahf-stats,
.breakdance .lahf-contact, .breakdance .lahf-appform, .breakdance .lahf-prose, .breakdance .lahf-post__article,
.breakdance .lahf-post__related, .breakdance .lahf-docs,
.breakdance .lahf-navgrid { color: var(--foreground); }
.breakdance [class*="lahf-"] img { max-width: 100%; }
.breakdance [class*="lahf-"] a { color: inherit; }
.breakdance [class*="lahf-"] button { color: inherit; }