/* RouxLub · design tokens — extracted verbatim from roux.com.mx (Kadence global palette + fonts).
   Single source of truth for the theme's visual identity. Faithful to the live site. */

:root {
  /* ---- Brand palette (roux.com.mx Kadence global) ---- */
  --rx-red:       #fc0000;   /* palette1 · primary brand */
  --rx-red-dark:  #c90000;   /* palette2 · primary hover/active */
  --rx-navy:      #00215f;   /* palette3 · deep navy */
  --rx-blue-900:  #003495;   /* palette4 */
  --rx-blue-700:  #003fb4;   /* palette5 */
  --rx-blue-500:  #0051e9;   /* palette6 · bright accent */
  --rx-grey-200:  #ebebeb;   /* palette7 · borders/dividers */
  --rx-grey-100:  #f8f8f8;   /* palette8 · section bg */
  --rx-white:     #ffffff;   /* palette9 */

  /* ---- Derived neutrals (text) ---- */
  --rx-ink:        #14171c;  /* body text */
  --rx-ink-soft:   #4a4f57;  /* secondary text */
  --rx-ink-muted:  #7a818b;  /* captions */

  /* ---- Semantic roles ---- */
  --rx-bg:          var(--rx-white);
  --rx-bg-alt:      var(--rx-grey-100);
  --rx-border:      var(--rx-grey-200);
  --rx-primary:     var(--rx-red);
  --rx-primary-ink: var(--rx-white);
  --rx-link:        var(--rx-blue-700);
  --rx-link-hover:  var(--rx-blue-500);
  --rx-heading:     var(--rx-navy);

  /* ---- Typography ---- */
  --rx-font-body: 'Source Sans Pro', system-ui, -apple-system, sans-serif;
  --rx-font-head: 'Montserrat', 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.75rem;
  --rx-text-3xl:  3.5rem;
  --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:         96px;

  /* ---- 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:    6px;
  --rx-radius-lg: 14px;
  --rx-shadow-sm: 0 1px 3px rgba(0, 33, 95, 0.08);
  --rx-shadow-md: 0 8px 30px rgba(0, 33, 95, 0.12);
  --rx-ease:      cubic-bezier(0.4, 0, 0.2, 1);
}