/*
 * Limelight visual design system — sourced from joinlimelight.ca/assets/css/main.css
 * Installed locally on this WordPress theme (no cross-site asset dependency).
 *
 * Also defines --lt-* aliases so existing typography-overrides.css keeps working.
 */

:root {
  /* === JoinLimelight tokens (source of truth) === */
  --color-primary: #2d3a4f;
  --color-primary-deep: #1f2937;
  --color-accent: #69b759;
  --color-accent-hover: #5aa34c;
  --color-background: #ffffff;
  --color-background-alt: #f5f5f3;
  --color-background-dark: #12161c;
  --color-text: #1a1a1a;
  --color-text-inverse: #ffffff;
  --color-muted: #6b6b6b;
  --color-border: rgba(45, 58, 79, 0.12);
  --color-overlay: rgba(18, 22, 28, 0.42);

  --font-heading: "Roboto", system-ui, sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;

  --container-width: 1200px;
  --container-wide: 1440px;
  --header-height: 88px;
  --section-spacing: clamp(4.5rem, 9vw, 8.5rem);
  --section-spacing-sm: clamp(3rem, 6vw, 5rem);
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --radius: 0;
  --radius-btn: 2px;
  --transition: 0.35s ease;
  --shadow-header: 0 8px 30px rgba(0, 0, 0, 0.18);

  --fs-h1: clamp(2.6rem, 6.2vw, 4.625rem);
  --fs-h2: clamp(2rem, 4.4vw, 3.2rem);
  --fs-h3: clamp(1.35rem, 2.4vw, 1.85rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body: clamp(0.95rem, 1.1vw, 1.0625rem);
  --fs-small: 0.8125rem;
  --fs-nav: 0.875rem;
  --fs-stat: clamp(2.75rem, 6vw, 4.625rem);
  --lh-tight: 1.08;
  --lh-heading: 1.15;
  --lh-body: 1.7;

  /* === Compatibility aliases for existing --lt-* consumers === */
  --lt-font-body: var(--font-body);
  --lt-font-display: var(--font-heading);
  --lt-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;

  --lt-fs-base: var(--fs-body);
  --lt-lh-base: var(--lh-body);
  --lt-fs-form: 16px;
  --lt-fs-small: var(--fs-small);
  --lt-fs-h1: var(--fs-h1);
  --lt-fs-h2: var(--fs-h2);
  --lt-fs-h3: var(--fs-h3);
  --lt-fs-h4: 1.25rem;
  --lt-fs-h5: 1.125rem;
  --lt-fs-h6: 0.9375rem;

  --lt-ink: var(--color-text);
  --lt-ink-soft: #374151;
  --lt-ink-display: var(--color-text);
  --lt-ink-mute: var(--color-muted);

  --lt-green: var(--color-accent);
  --lt-accent: var(--color-accent);
  --lt-green-text: #0e7a26;
  --lt-green-strong: #0a5d1d;

  --lt-navy: var(--color-primary);
  --lt-link: var(--color-primary);
  --lt-link-hover: var(--lt-green-strong);
}