/**
 * Base visual del Portal ZYREN.
 * Este archivo se ampliará durante la construcción del portal.
 */

:root {
    --zyren-black: #050505;
    --zyren-black-soft: #101010;
    --zyren-gold-dark: #AE8625;
    --zyren-gold-main: #D2AC47;
    --zyren-gold-light: #F7EF8A;
    --zyren-white: #FFFFFF;
    --zyren-text: #CFCBBF;
    --zyren-radius: 20px;
    --zyren-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    --zyren-gold-gradient: linear-gradient(
        90deg,
        var(--zyren-gold-dark) 0%,
        var(--zyren-gold-main) 35%,
        var(--zyren-gold-light) 55%,
        var(--zyren-gold-main) 75%,
        var(--zyren-gold-dark) 100%
    );
}

body {
    background-color: var(--zyren-black);
    color: var(--zyren-text);
}

.portal-zyren-gold-text {
    background: var(--zyren-gold-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.portal-zyren-card {
    background: var(--zyren-black-soft);
    border: 1px solid rgba(210, 172, 71, 0.22);
    border-radius: var(--zyren-radius);
    box-shadow: var(--zyren-shadow);
}