/* ============================================================
   custom.css — Nova Imago Digital · Nexus Theme (WHMCS 9+)
   Paleta: Nova Prism · Tipografía: Poppins
   Ubicación: templates/nexus/css/custom.css
   ============================================================ */

:root {
    /* Neutral shades */
    --white:        #FFFFFF;
    --neutral-50:   #F8FAFC;
    --neutral-100:  #F1F5F9;
    --neutral-200:  #E2E8F0;
    --neutral-300:  #CBD5E1;
    --neutral-400:  #94A3B8;
    --neutral-500:  #64748B;
    --neutral-600:  #475569;
    --neutral-700:  #334155;
    --neutral-800:  #1E293B;
    --neutral-900:  #0F172A;
    --neutral-950:  #020617;

    /* Primary shades — Púrpura Nova */
    --primary-50:   #F5F3FF;
    --primary-100:  #EDE9FE;
    --primary-200:  #DDD6FE;
    --primary-300:  #C4B5FD;
    --primary-400:  #A78BFA;
    --primary-500:  #8B5CF6;
    --primary-600:  #7C3AED;
    --primary-700:  #6D28D9;
    --primary-800:  #4C1D95;
    --primary-900:  #2E1065;
    --primary-950:  #1A0840;

    /* Primary colors */
    --primary:          #4C1D95;
    --primary-lifted:   #6D28D9;
    --primary-accented: #7C3AED;

    /* Secondary colors */
    --secondary:          #475569;
    --secondary-lifted:   #334155;
    --secondary-accented: #1E293B;

    /* Success colors */
    --success:          #22C55E;
    --success-lifted:   #16A34A;
    --success-accented: #166534;

    /* Info colors */
    --info:          #7C3AED;
    --info-lifted:   #6D28D9;
    --info-accented: #4C1D95;

    /* Notice colors */
    --notice:          #7C3AED;
    --notice-lifted:   #6D28D9;
    --notice-accented: #4C1D95;

    /* Warning colors — Naranja Energético */
    --warning:          #FF4D00;
    --warning-lifted:   #EA4300;
    --warning-accented: #C93A00;

    /* Error colors */
    --error:          #EF4444;
    --error-lifted:   #DC2626;
    --error-accented: #991B1B;

    /* Grayscale colors */
    --grayscale:          var(--neutral-900);
    --grayscale-lifted:   var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral:          var(--neutral-500);
    --neutral-lifted:   var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted:    var(--neutral-400);
    --text-lifted:   var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text:          var(--neutral-900);

    /* Border neutral colors */
    --border-muted:    var(--neutral-200);
    --border:          var(--neutral-300);
    --border-lifted:   var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg:          var(--white);
    --bg-muted:    var(--neutral-50);
    --bg-lifted:   var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200:   #FEF08A;
    --yellow-300:   #FDE047;
    --teal-300:     #5EEAD4;
    --teal-400:     #2DD4BF;
    --emerald-300:  #6EE7B7;
    --pink-400:     #F472B6;

    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing:   0em;
    --disabled-opacity: 25%;
}