:root {
  /* ============================================================
     TEMA INSTITUCIONAL — Club de Tenis Hualpén
     ------------------------------------------------------------
     ÚNICA FUENTE DE VERDAD de la paleta corporativa.
     Para cambiar la identidad en el futuro, edita SOLO este bloque
     "MARCA" y los semánticos; el resto de tokens derivan de aquí
     y todo el sistema se re-tematiza automáticamente.
     ============================================================ */

  /* === MARCA (editar aquí para recolorizar todo el sistema) === */
  --cth-primary:        #7A1E1E;  /* Burdeo institucional */
  --cth-primary-hover:  #A52A2A;  /* Hover / estado intenso */
  --cth-secondary:      #8C4A2F;  /* Cobre oscuro */
  --cth-bg:             #F8F7F5;  /* Fondo principal */
  --cth-surface:        #FFFFFF;  /* Fondo de tarjetas */
  --cth-text:           #2D2D2D;  /* Texto principal */
  --cth-text-muted:     #666666;  /* Texto secundario */
  --cth-border:         #E4E1DD;  /* Bordes */
  --cth-success:        #3D7A45;  /* Éxito (verde institucional) */
  --cth-warning:        #C58B1D;  /* Advertencia */
  --cth-danger:         #A62C2C;  /* Error / destructivo */

  /* === Escala de marca (burdeo → cobre) =======================
     Conserva los nombres "green-*" usados en todo el código para
     que el re-tema sea retrocompatible. Hoy representan el burdeo. */
  --cth-green-950: #2E0B0B;   /* burdeo casi negro */
  --cth-green-900: #5A1616;   /* burdeo profundo (encabezados oscuros) */
  --cth-green-700: #7A1E1E;   /* PRIMARIO institucional */
  --cth-green-500: #A52A2A;   /* hover / intenso */
  --cth-green-300: #C08478;   /* cobre rojizo claro (acentos suaves) */
  --cth-green-100: #F1E2DF;   /* tinte muy claro (fondos sutiles) */
  --cth-green-50:  #FBF4F2;   /* tinte mínimo */

  --cth-white:     #ffffff;

  /* === Neutros cálidos (alineados a fondo/bordes/texto) === */
  --cth-gray-50:   #F8F7F5;
  --cth-gray-100:  #F2F0ED;
  --cth-gray-200:  #E4E1DD;
  --cth-gray-300:  #DAD6D1;
  --cth-gray-400:  #BFB9B2;
  --cth-gray-500:  #8A847C;
  --cth-gray-600:  #666666;
  --cth-gray-700:  #4A4A4A;
  --cth-gray-800:  #333333;
  --cth-gray-900:  #2D2D2D;

  /* === Estados / Semánticos === */
  --cth-info:       #41618C;   /* azul apagado, profesional */
  --cth-moroso:     #A62C2C;
  --cth-suspendido: #8A847C;

  /* === Tintes suaves (fondos de badges/KPIs; derivan de la marca) === */
  --cth-primary-soft: #F1E2DF;   /* burdeo muy claro */
  --cth-secondary-soft: #F2E7E0; /* cobre muy claro */
  --cth-success-soft: #E7F0E8;
  --cth-warning-soft: #FBF0D8;
  --cth-danger-soft:  #F6E1E1;
  --cth-info-soft:    #E6EBF2;

  /* === Acento (uso muy puntual; identidad sobria, sin exceso) === */
  --cth-yellow:      #C58B1D;
  --cth-yellow-dark: #9E6F16;
  --cth-yellow-bg:   rgba(197,139,29,0.10);

  /* === Tipografía === */
  --cth-font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --cth-font-display: 'Poppins', 'Inter', system-ui, sans-serif;
  --cth-text-xs:   0.75rem;
  --cth-text-sm:   0.875rem;
  --cth-text-base: 1rem;
  --cth-text-lg:   1.125rem;
  --cth-text-xl:   1.25rem;
  --cth-text-2xl:  1.5rem;
  --cth-text-3xl:  1.875rem;

  /* === Layout === */
  --cth-navbar-height:  64px;
  --cth-sidebar-width:  260px;
  --cth-content-max:    1280px;

  /* === Sombras (discretas, neutras) === */
  --cth-shadow-xs:   0 1px 2px rgba(0,0,0,0.04);
  --cth-shadow-sm:   0 2px 8px rgba(0,0,0,0.06);
  --cth-shadow-md:   0 4px 16px rgba(0,0,0,0.08);
  --cth-shadow-lg:   0 8px 32px rgba(0,0,0,0.12);
  --cth-shadow-card: 0 2px 12px rgba(45,45,45,0.06);

  /* === Bordes (esquinas redondeadas, suaves) === */
  --cth-radius-sm:   6px;
  --cth-radius-md:   10px;
  --cth-radius-lg:   14px;
  --cth-radius-xl:   20px;
  --cth-radius-full: 9999px;

  /* === Transiciones === */
  --cth-transition-fast:   150ms ease;
  --cth-transition-normal: 250ms ease;

  /* === Overrides Bootstrap (derivados de la marca) === */
  --bs-primary:          #7A1E1E;
  --bs-primary-rgb:      122, 30, 30;
  --bs-link-color:       #7A1E1E;
  --bs-link-hover-color: #A52A2A;
  --bs-border-radius:    10px;
  --bs-body-font-family: 'Inter', system-ui, sans-serif;
  --bs-body-bg:          #F8F7F5;
  --bs-body-color:       #2D2D2D;
  --bs-border-color:     #E4E1DD;
}