/* Straton · design tokens — extracted verbatim from straton.com.mx (Kadence global
   palette + system fonts). Single source of truth for the theme's visual identity.
   Accent is ORANGE (#ff6000); red lives only in the logo PNG. */

:root {
  /* ---- Brand palette (straton.com.mx Kadence global) ---- */
  --rx-orange:      #ff6000;   /* palette1 · primary brand accent (CTAs, rules, active) */
  --rx-orange-dark: #e05400;   /* hover/active */
  --rx-red:         #e30613;   /* logo oval/sphere only — not a UI color */
  --rx-ink-900:     #121212;   /* palette2 · near-black (headings) */
  --rx-band:        #222222;   /* palette3 · dark bands (card title bars, footer bottom) */
  --rx-ink:         #36383c;   /* palette4 · body text */
  --rx-ink-soft:    #626770;   /* palette5 · secondary text */
  --rx-ink-muted:   #7a818b;   /* captions / toc labels (used by interior.css) */
  --rx-grey:        #8d939c;   /* palette6 · footer surface / muted */
  --rx-grey-200:    #d9dde2;   /* borders/dividers */
  --rx-grey-100:    #EDF2F7;   /* palette7 · section bg */
  --rx-grey-50:     #F7FAFC;   /* palette8 · 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-orange);
  --rx-primary-ink: var(--rx-white);
  --rx-link:        var(--rx-orange);
  --rx-link-hover:  var(--rx-orange-dark);
  --rx-heading:     var(--rx-ink-900);
  /* Back-compat for any leftover kit rules that still reference navy/blue: map to dark. */
  --rx-navy:        var(--rx-band);
  --rx-blue-700:    var(--rx-orange);
  --rx-blue-500:    var(--rx-orange-dark);

  /* ---- Typography (system UI stack — matches the original, no web fonts) ---- */
  --rx-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --rx-font-head: var(--rx-font-body);
  --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(18, 18, 18, 0.08);
  --rx-shadow-md: 0 10px 34px rgba(18, 18, 18, 0.12);
  --rx-ease:      cubic-bezier(0.4, 0, 0.2, 1);
}