:root {
    /* Colores Principales (HEX) */
    --bright-lavender: #b272ef;
    --space-indigo: #1a1836;
    --ink-black: #12111e;
    --wisteria: #c4a5e8;
    --indigo-velvet: #4c347c;
    --white: #ffffff;

    /* Variantes HSL (Útiles para manejar opacidad con CSS nativo) */
    --bright-lavender-hsl: 271, 80%, 69%;
    --space-indigo-hsl: 244, 38%, 15%;
    --ink-black-hsl: 245, 28%, 9%;
    --wisteria-hsl: 268, 59%, 78%;
    --indigo-velvet-hsl: 260, 41%, 35%;

    /* Gradiantes Dinámicos */
    --gradient-linear: linear-gradient(135deg, var(--bright-lavender), var(--indigo-velvet));
    --gradient-radial: radial-gradient(circle, var(--indigo-velvet), var(--ink-black));

    --border-pt: 8px;

    --size-title-secondary: 1.9rem;
    --size-title-main: 2.15rem;
}