@charset "UTF-8";

/* La Juliana Blex CSS Document */

:root {
  /* Brand Colors - Club La Juliana */
  --bs-primary: #191e28; /* fondo/brand oscuro */
  --bs-accent: #71bbb2; /* teal principal (CTAs, enlaces activos) */
  --bs-accent-alt: #6db4ac; /* variante teal (hover/alterno) */
  --bs-accent-light: rgba(113, 187, 178, 0.5);
  --bs-secondary: #ffffff; /* blanco */

  /* RGB versions para transparencias */
  --bs-primary-rgb: 25, 30, 40;
  --bs-accent-rgb: 113, 187, 178;
  --bs-secondary-rgb: 255, 255, 255;
  --bs-white-rgb: 255, 255, 255;

  /* Estados (solo los necesarios para componentes) */
  --bs-success: #5cb85c;
  --bs-danger: #d9534f;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  /* Variables de fuentes */
  --bs-font-serif: "DM Serif Display", serif; /* Para títulos principales */
  --bs-font-sans: "Poppins", sans-serif; /* Para texto general */
  --bs-body-font-family: var(--bs-font-sans);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.4;
  --bs-body-color: var(--bs-secondary);
  --bs-body-color-rgb: var(--bs-secondary-rgb);
  --bs-body-bg: var(--bs-primary);
  --bs-body-bg-rgb: var(--bs-primary-rgb);

  /* Borders */
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-secondary);
  --bs-border-color-translucent: rgba(var(--bs-secondary-rgb), 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;

  /* Links */
  --bs-link-color: var(--bs-accent);
  --bs-link-hover-color: var(--bs-accent-alt);

  /* Sombras */
  --bs-shadow-sm: 0 2px 6px rgba(var(--bs-primary-rgb), 0.12);
  --bs-shadow: 0 6px 18px rgba(var(--bs-primary-rgb), 0.16);

  /* Font sizes Hero (según diseño Figma) */
  --bs-hero-title-mobile: 80px;
  --bs-hero-title-desktop: 140px;
  --bs-font-size-secondary-title-mobile: 55px;
  --bs-font-size-secondary-title-desktop: 60px;
  --bs-font-size: 16px;
  --bs-font-size-btn: 14px;
  --bs-font-size-h3: 40px;

  /* Font weights */
  --bs-font-weight-bold: 700;
  --bs-font-weight-medium: 500;
  --bs-font-weight-normal: 400;
  --bs-body-font-weight: 400;

  /* Line heights (según diseño Figma) */
  --bs-line-height-paragraph-mobile: 20px;
  --bs-line-height-paragraph-desktop: 25px;
  --bs-line-height-paragraph-accent: 30px;
  --bs-line-height-secondary-title-mobile: 60px;
  --bs-line-height-secondary-title-desktop: 70px;
  --bs-line-height-hero-title-desktop: 140px;
  --bs-line-height-h3: 45px;

  /* Títulos */
  --bs-heading-font-family: var(--bs-font-serif);
  --bs-heading-font-weight: 400;

  /* Tokens de botones - Club La Juliana  ¿uso asi, o lo borro? */
  --btn-primary-bg: var(--bs-accent);
  --btn-primary-hover-bg: var(--bs-accent-alt);
  --btn-primary-color: var(--bs-secondary);
  --btn-secondary-bg: var(--bs-primary);
  --btn-secondary-color: var(--bs-secondary);

  /* Geometría botones */
  --btn-border-radius: 0 25px 25px 0;
  --btn-padding-y: 12px;
  --btn-padding-x: 50px;
  --btn-width: 160px;
  --btn-height: 45px;
}

input[type="checkbox"]:checked + label svg polyline,
input[type="radio"]:checked + label svg polyline {
  stroke: var(--bs-white) !important;
}