:root {
    /* Marca */
    --color-brand: #007fff;
    --color-brand-hover: #006ddb;
    --color-brand-soft: #eaf4ff;
    --color-ink: #1d1d1b;
    --color-canvas: #f6f8fb;
    --color-surface: #ffffff;
    --color-border: #e1e7ef;
    --color-muted: #667085;

    /* Modo oscuro (preparado para secciones IT) */
    --color-dark: #11121a;
    --color-dark-raised: #181a25;
    --color-dark-border: rgb(255 255 255 / 12%);
    --color-dark-text: #f5f7fb;
    --color-dark-muted: #a7adbd;

    /* Estados */
    --color-success: #2cbf7b;
    --color-warning: #f5a524;
    --color-error: #e85d75;

    /* Tipografía */
    --font-display-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-body-family: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-hero: clamp(2.75rem, 6vw, 5.5rem);
    --font-h2: clamp(2rem, 4.5vw, 4.5rem);
    --font-h3: clamp(1.35rem, 2vw, 2rem);
    --font-lead: clamp(1.125rem, 1.4vw, 1.375rem);
    --font-body: 1rem;
    --font-small: 0.875rem;

    /* Layout */
    --container-width: 1240px;
    --container-narrow: 48rem;
    --gutter-mobile: 1.25rem;
    --gutter-tablet: 1.5rem;
    --gutter-desktop: 2rem;
    --section-space: clamp(4.5rem, 9vw, 8rem);
    --section-space-sm: clamp(3rem, 6vw, 5rem);

    /* Radios y sombras */
    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;
    --shadow-sm: 0 8px 24px rgb(20 32 55 / 6%);
    --shadow-md: 0 20px 60px rgb(20 32 55 / 10%);

    /* Gradientes permitidos */
    --gradient-hero: linear-gradient(135deg, #eef6ff 0%, #f8fafc 55%, #eef1ff 100%);

    /* Bootstrap bridge */
    --bs-primary: var(--color-brand);
    --bs-primary-rgb: 0, 127, 255;
    --bs-body-color: var(--color-ink);
    --bs-body-bg: var(--color-canvas);
    --bs-border-color: var(--color-border);
    --bs-link-color: var(--color-brand);
    --bs-link-hover-color: var(--color-brand-hover);
    --bs-font-sans-serif: var(--font-body-family);
    --bs-border-radius: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-md);
    --bs-border-radius-pill: var(--radius-pill);
}