/* ============================================================
   LRG (Levi Rodgers Real Estate Group) - Theme Override
   Built on Rank Logic universal component library
   ============================================================
   Brand colors extracted from live lrgArticleKit CSS:
     Navy:  #0b1b3a (--lrg-navy)
     Red:   #b91c1c (--lrg-red)
     Ink:   #0f172a (--lrg-ink)
     Muted: #475569 (--lrg-muted)
   ============================================================ */

:root {
  /* LRG navy */
  --rl-primary: #0b1b3a;
  --rl-primary-light: #132c52;
  --rl-primary-dark: #08142b;

  /* LRG red */
  --rl-accent: #b91c1c;
  --rl-accent-hover: #991b1b;
  --rl-accent-soft: rgba(185, 28, 28, 0.10);

  /* Text */
  --rl-text: #0f172a;
  --rl-text-muted: #475569;
  --rl-text-light: #64748b;

  /* Links use accent red */
  --rl-link: #b91c1c;
  --rl-link-hover: #991b1b;

  /* Backgrounds */
  --rl-bg: #ffffff;
  --rl-bg-alt: #f8fafc;
  --rl-bg-soft: #fff1f2;
  --rl-border: rgba(226, 232, 240, 0.95);
  --rl-border-accent: rgba(185, 28, 28, 0.55);

  /* Typography */
  --rl-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rl-font-heading: "Poppins", system-ui, sans-serif;

  /* Shadows matching lrgArticleKit */
  --rl-card-shadow: 0 22px 60px rgba(15, 23, 42, 0.12);
  --rl-card-shadow-sm: 0 12px 32px rgba(15, 23, 42, 0.08);
}

/* LRG page background — rose-tinted gradient matching existing design */
.rl-page {
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(185, 28, 28, 0.16), transparent 60%),
    radial-gradient(900px 520px at 80% 18%, rgba(244, 63, 94, 0.10), transparent 58%),
    linear-gradient(180deg, #fff1f2 0%, #f8fafc 45%, #f8fafc 100%);
}

/* Hero accent stripe — red top border */
.rl-page .rl-hero {
  border-top: 3px solid var(--rl-accent);
}

/* Links are bold 800 on LRG (matching existing lrgArticleKit) */
.rl-page a {
  font-weight: 800;
}