/* =========================================================
   CLUB CELTIX · TEMA
   ---------------------------------------------------------
   Cambia aquí la paleta y tipografías de TODO el sitio (y del admin).
   Colores tomados del logo: verde lima + grafito.
   ========================================================= */
:root {
  /* --- Paleta --- */
  --cx-lime:          #b6c91c;   /* verde lima del logo (CTA) */
  --cx-lime-rgb:      182, 201, 28;
  --cx-lime-dark:     #96a713;
  --cx-lime-soft:     #f3f6dc;
  --cx-olive:         #7d8f1f;   /* verde oliva (texto sobre claro) */
  --cx-ink:           #15181c;   /* grafito casi negro */
  --cx-ink-rgb:       21, 24, 28;
  --cx-ink-2:         #22272d;
  --cx-text:          #33383f;
  --cx-muted:         #6b7179;
  --cx-border:        #e5e7df;
  --cx-bg-soft:       #f6f7f2;
  --cx-white:         #ffffff;

  /* --- Tipografía --- */
  --cx-font-heading: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --cx-font-body:    'DM Sans', system-ui, sans-serif;

  /* --- Formas --- */
  --cx-radius-sm: .5rem;
  --cx-radius:    .85rem;
  --cx-radius-lg: 1.25rem;
  --cx-shadow-sm: 0 2px 8px rgba(21, 24, 28, .06);
  --cx-shadow:    0 12px 30px -14px rgba(21, 24, 28, .22);
  --cx-shadow-lg: 0 26px 60px -24px rgba(21, 24, 28, .35);
  --cx-transition: .25s cubic-bezier(.2, .7, .3, 1);

  /* --- Mapeo a Bootstrap 5.3 --- */
  --bs-primary: var(--cx-ink);
  --bs-primary-rgb: var(--cx-ink-rgb);
  --bs-body-font-family: var(--cx-font-body);
  --bs-body-color: var(--cx-text);
  --bs-body-bg: var(--cx-white);
  --bs-border-color: var(--cx-border);
  --bs-border-radius: var(--cx-radius-sm);
  --bs-border-radius-lg: var(--cx-radius);
  --bs-link-color: var(--cx-olive);
  --bs-link-color-rgb: 125, 143, 31;
  --bs-link-hover-color: var(--cx-ink);
  --bs-link-hover-color-rgb: var(--cx-ink-rgb);
  --bs-focus-ring-color: rgba(var(--cx-lime-rgb), .35);
}