/* LSARF · design tokens — extracted verbatim from lsarf.com (Kadence global palette +
   Oswald/Poppins web fonts). Single source of truth for the theme's visual identity.
   Accent is BLUE (#024e79, the logo color); terracotta (#a94301) is the secondary
   accent (image overlays + the contact/quote block). Cosmetic off-white surfaces. */

:root {
  /* ---- Brand palette (lsarf.com Kadence global) ---- */
  --rx-blue:            #024e79;   /* palette3 · PRIMARY accent: logo, hero, CTAs, headings, cards */
  --rx-blue-dark:       #013a5c;   /* hover/active */
  --rx-terracotta:      #a94301;   /* palette1 · secondary accent: image overlays, quote block */
  --rx-terracotta-dark: #8a3700;
  --rx-sage:            #5c685c;   /* palette2 · muted green-grey */
  --rx-taupe:           #8b6f56;   /* palette4 */
  --rx-salmon:          #e09c93;   /* palette6 · short-description / soft accent */
  --rx-sand:            #dccec0;   /* palette7 · warm divider */
  --rx-ink-900:         #0f2733;   /* deep blue-black (dark band base) */
  --rx-band:            #024e79;   /* palette · dark bands = brand blue (hero, filosofía, CTA) */
  --rx-ink:             #36383c;   /* body text */
  --rx-ink-soft:        #626770;   /* secondary text */
  --rx-grey:            #8d939c;   /* muted */
  --rx-grey-200:        #e6e1da;   /* borders/dividers (warm) */
  --rx-grey-100:        #f2f5f1;   /* palette8 · section bg (cosmetic off-white) */
  --rx-grey-50:         #f8faf6;   /* soft section bg */
  --rx-white:           #ffffff;   /* palette9 */

  /* ---- Semantic roles ---- */
  --rx-bg:          var(--rx-white);
  --rx-bg-alt:      var(--rx-grey-100);
  --rx-border:      var(--rx-grey-200);
  --rx-primary:     var(--rx-blue);
  --rx-primary-ink: var(--rx-white);
  --rx-link:        var(--rx-blue);
  --rx-link-hover:  var(--rx-blue-dark);
  --rx-heading:     var(--rx-blue);    /* LSARF headings are blue, not near-black */
  /* Back-compat for kit rules traced from straton/rouxlub: orange→blue, red→terracotta,
     navy/blue→brand blue. Keeps existing component CSS working without edits. */
  --rx-navy:        var(--rx-band);
  --rx-blue-700:    var(--rx-blue);
  --rx-blue-500:    var(--rx-blue-dark);
  --rx-orange:      var(--rx-blue);
  --rx-orange-dark: var(--rx-blue-dark);
  --rx-red:         var(--rx-terracotta);

  /* ---- Typography (LSARF: Oswald display + Poppins body — loaded via Google Fonts) ---- */
  --rx-font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rx-font-head: "Oswald", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --rx-fw-regular: 400;
  --rx-fw-semibold: 600;
  --rx-fw-bold: 700;

  /* Modular type scale (1.250 major third) */
  --rx-text-xs:   0.8rem;
  --rx-text-sm:   0.9rem;
  --rx-text-base: 1rem;
  --rx-text-md:   1.125rem;
  --rx-text-lg:   1.5rem;
  --rx-text-xl:   2rem;
  --rx-text-2xl:  2.5rem;
  --rx-text-3xl:  3.25rem;
  --rx-leading-tight:  1.15;
  --rx-leading-normal: 1.6;

  /* ---- Layout ---- */
  --rx-container:        1200px;
  --rx-container-narrow: 820px;
  --rx-gutter:           clamp(1rem, 4vw, 2.5rem);
  --rx-header-h:         88px;

  /* ---- Spacing scale ---- */
  --rx-space-1: 0.5rem;
  --rx-space-2: 1rem;
  --rx-space-3: 1.5rem;
  --rx-space-4: 2.5rem;
  --rx-space-5: 4rem;
  --rx-space-6: 6rem;

  /* ---- Radius / shadow / motion ---- */
  --rx-radius:    8px;
  --rx-radius-lg: 18px;
  --rx-shadow-sm: 0 1px 3px rgba(15, 39, 51, 0.08);
  --rx-shadow-md: 0 10px 34px rgba(15, 39, 51, 0.12);
  --rx-ease:      cubic-bezier(0.4, 0, 0.2, 1);
}