/*---------------------------------------
  CUSTOM PROPERTIES (VARIABLES)
  Fuente única de verdad para colores, tipografía,
  espaciado, radios y sombras usados en todo el sitio.
-----------------------------------------*/
:root {
    /* ---- Color de marca ---- */
    --white-color: #ffffff;
    --primary-color: #1a1660;
    --primary-color-dark: #100d3f;
    --secondary-color: #EE5007;
    --secondary-color-light: #ff8a4c;
    --section-bg-color: #f0f8ff;
    --custom-btn-bg-color: #EE5007;
    --custom-btn-bg-hover-color: #c01f27;

    /* ---- Neutros ---- */
    --dark-color: #12101c;
    --dark-color-soft: #1a1729;
    --light-color: #f7f4ef;
    --surface-color: #ffffff;
    --p-color: #6b6d78;
    --border-color: #e7e2da;
    --link-hover-color: #B22727;

    /* ---- Tipografía ---- */
    --body-font-family: 'Outfit', sans-serif;

    --h1-font-size: clamp(2.5rem, 1.9rem + 2.6vw, 3.75rem);
    --h2-font-size: clamp(1.9rem, 1.55rem + 1.5vw, 2.875rem);
    --h3-font-size: clamp(1.5rem, 1.3rem + 0.85vw, 2rem);
    --h4-font-size: clamp(1.3rem, 1.15rem + 0.65vw, 1.75rem);
    --h5-font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem);
    --h6-font-size: 1.375rem;
    --p-font-size: 1.125rem;
    --btn-font-size: 14px;
    --copyright-font-size: 16px;
    --eyebrow-font-size: 0.8125rem;

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --tracking-wide: 0.06em;
    --tracking-wider: 0.12em;

    /* ---- Radios ---- */
    --border-radius-large: 100px;
    --border-radius-medium: 20px;
    --border-radius-small: 10px;
    --radius-xs: 8px;
    --radius-sm: var(--border-radius-small);
    --radius-md: var(--border-radius-medium);
    --radius-lg: 28px;
    --radius-pill: var(--border-radius-large);

    /* ---- Espaciado ---- */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4.5rem;
    --space-7: 6rem;
    --section-padding-y: clamp(3.5rem, 2.7rem + 3.5vw, 6rem);

    /* ---- Sombras ---- */
    --shadow-sm: 0 2px 10px rgba(18, 16, 28, 0.08);
    --shadow-md: 0 10px 28px rgba(18, 16, 28, 0.12);
    --shadow-lg: 0 24px 56px rgba(18, 16, 28, 0.18);
    --shadow-accent: 0 14px 32px rgba(238, 80, 7, 0.35);

    /* ---- Transiciones ---- */
    --ease-default: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-fast: 0.25s var(--ease-default);
    --transition-base: 0.35s var(--ease-default);
}