/* Variables de identidad institucional generadas dinamicamente. */
:root {
    --se-primary: #009887;
    --se-primary-light: color-mix(in srgb, var(--se-primary) 70%, white);
    --se-primary-dark: color-mix(in srgb, var(--se-primary) 80%, black);
    --se-primary-hover: color-mix(in srgb, var(--se-primary), white 95%);
    --se-secondary: #ae1922;
    --se-tertiary: #d3c2b4;
    --se-quaternary: #c90166;
    --se-gray: #666666;
    --se-bg: #f8fafc;
    --se-body-bg-color: var(--se-bg);
    --se-text: #1e2431;

    --glass-thin: color-mix(in srgb, var(--se-primary) 3%, rgba(255,255,255,0.55));
    --glass-regular: color-mix(in srgb, var(--se-primary) 5%, rgba(255,255,255,0.72));
    --glass-thick: color-mix(in srgb, var(--se-primary) 6%, rgba(255,255,255,0.86));

    --blur-thin: blur(18px) saturate(160%);
    --blur-regular: blur(28px) saturate(170%);
    --blur-thick: blur(44px) saturate(185%);

    --glass-border: 1px solid color-mix(in srgb, var(--se-primary) 12%, rgba(255,255,255,0.75));
    --glass-highlight: inset 0 1px 0 rgba(255,255,255,0.55);

    --shadow-sm: 0 2px 10px rgba(15,23,42,0.06);
    --shadow-md: 0 8px 26px -10px color-mix(in srgb, var(--se-primary) 20%, rgba(15,23,42,0.15));
    --shadow-lg: 0 18px 44px -16px color-mix(in srgb, var(--se-primary) 25%, rgba(15,23,42,0.18));

    --radius-sm: 4px;
    --radius-md: 5px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    --font-display: -apple-system, "SF Pro Display", "Manrope", "Inter", system-ui, sans-serif;
    --font-text: -apple-system, "SF Pro Text", "Manrope", "Inter", system-ui, sans-serif;

    --ease-glass: cubic-bezier(.22, 1, .36, 1);
    --transition-base: 300ms var(--ease-glass);

    --spacing-base: 4px;

}