/**
 * PUBLIGRAPHIC Brand Variables
 * Auto-generated - Do not edit manually
 * Generated at: 2026-01-23 00:09:38
 */

:root {
    /* Brand Colors */
    --brand-principal: #17D7E8;
    --brand-principal-rgb: 23, 215, 232;
    --brand-principal-dark: color-mix(in srgb, #17D7E8 70%, #1e293b);
    --brand-secundario: #FF408C;
    --brand-secundario-rgb: 255, 64, 140;
    --brand-secundario-dark: color-mix(in srgb, #FF408C 70%, #1e293b);
    --brand-acento: #FFDD33;
    --brand-acento-rgb: 255, 221, 51;
    --brand-acento-dark: color-mix(in srgb, #FFDD33 70%, #1e293b);
    --brand-auxiliar: #4f47e6;
    --brand-auxiliar-rgb: 79, 71, 230;
    --brand-auxiliar-dark: color-mix(in srgb, #4f47e6 70%, #1e293b);

    /* Brand Fonts */
    --brand-font-primary: 'Outfit', sans-serif;
    --brand-font-secondary: 'Inter', sans-serif;
}

/* Brand Color Utility Classes */
.bg-brand-principal { background-color: var(--brand-principal); }
.text-brand-principal { color: var(--brand-principal); }
.border-brand-principal { border-color: var(--brand-principal); }
.bg-brand-principal\/5 { background-color: rgba(var(--brand-principal-rgb), 0.05); }
.bg-brand-principal\/10 { background-color: rgba(var(--brand-principal-rgb), 0.1); }
.bg-brand-principal\/20 { background-color: rgba(var(--brand-principal-rgb), 0.2); }
.border-brand-principal\/30 { border-color: rgba(var(--brand-principal-rgb), 0.3); }
.border-brand-principal\/50 { border-color: rgba(var(--brand-principal-rgb), 0.5); }
.bg-brand-secundario { background-color: var(--brand-secundario); }
.text-brand-secundario { color: var(--brand-secundario); }
.border-brand-secundario { border-color: var(--brand-secundario); }
.bg-brand-secundario\/5 { background-color: rgba(var(--brand-secundario-rgb), 0.05); }
.bg-brand-secundario\/10 { background-color: rgba(var(--brand-secundario-rgb), 0.1); }
.bg-brand-secundario\/20 { background-color: rgba(var(--brand-secundario-rgb), 0.2); }
.border-brand-secundario\/30 { border-color: rgba(var(--brand-secundario-rgb), 0.3); }
.border-brand-secundario\/50 { border-color: rgba(var(--brand-secundario-rgb), 0.5); }
.bg-brand-acento { background-color: var(--brand-acento); }
.text-brand-acento { color: var(--brand-acento); }
.border-brand-acento { border-color: var(--brand-acento); }
.bg-brand-acento\/5 { background-color: rgba(var(--brand-acento-rgb), 0.05); }
.bg-brand-acento\/10 { background-color: rgba(var(--brand-acento-rgb), 0.1); }
.bg-brand-acento\/20 { background-color: rgba(var(--brand-acento-rgb), 0.2); }
.border-brand-acento\/30 { border-color: rgba(var(--brand-acento-rgb), 0.3); }
.border-brand-acento\/50 { border-color: rgba(var(--brand-acento-rgb), 0.5); }
.bg-brand-auxiliar { background-color: var(--brand-auxiliar); }
.text-brand-auxiliar { color: var(--brand-auxiliar); }
.border-brand-auxiliar { border-color: var(--brand-auxiliar); }
.bg-brand-auxiliar\/5 { background-color: rgba(var(--brand-auxiliar-rgb), 0.05); }
.bg-brand-auxiliar\/10 { background-color: rgba(var(--brand-auxiliar-rgb), 0.1); }
.bg-brand-auxiliar\/20 { background-color: rgba(var(--brand-auxiliar-rgb), 0.2); }
.border-brand-auxiliar\/30 { border-color: rgba(var(--brand-auxiliar-rgb), 0.3); }
.border-brand-auxiliar\/50 { border-color: rgba(var(--brand-auxiliar-rgb), 0.5); }

/* Brand Gradient */
.bg-brand-gradient {
    background: linear-gradient(
        135deg,
        var(--brand-principal) 0%,
        var(--brand-secundario) 50%,
        var(--brand-acento) 100%
    );
}

.text-brand-gradient {
    background: linear-gradient(
        135deg,
        var(--brand-principal) 0%,
        var(--brand-secundario) 50%,
        var(--brand-acento) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* === SCROLLBAR BRAND STYLES === */
:root {
    --scrollbar-width: 6px;
    --scrollbar-opacity: 0.6;
    --scrollbar-hover-opacity: 0.9;
    --scrollbar-track: transparent;
    --scrollbar-radius: 9999px;
}

/* Base scrollbar styles - WebKit */
::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(128, 255, 247, var(--scrollbar-opacity));
    border-radius: var(--scrollbar-radius);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 255, 247, var(--scrollbar-hover-opacity));
}

/* Firefox Support */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(128, 255, 247, var(--scrollbar-opacity)) transparent;
}

/* Dark mode adjustments */
.dark ::-webkit-scrollbar-thumb {
    background: rgba(128, 255, 247, calc(var(--scrollbar-opacity) + 0.1));
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 255, 247, calc(var(--scrollbar-hover-opacity) + 0.05));
}

.dark {
    scrollbar-color: rgba(128, 255, 247, calc(var(--scrollbar-opacity) + 0.1)) transparent;
}