/* =====================================================================
   NEXUS — Premium WHMCS Theme  ·  by Soft-KS
   ---------------------------------------------------------------------
   PALETTE / BRANDING FILE  (vibrant edition)
   Redefines the theme's design tokens for a bright, modern hosting
   look (purple -> blue gradients, glassy cards, colorful accents).
   To rebrand: change the --primary* block — everything cascades.
   ===================================================================== */

:root {
    --white: #ffffff;

    /* ---- Neutral ramp (light, cool-tinted) ---- */
    --neutral-50:  #ffffff;
    --neutral-100: #f7f8fc;
    --neutral-200: #eef0f7;
    --neutral-300: #e3e6f0;
    --neutral-400: #aab0c4;
    --neutral-500: #8a90a6;
    --neutral-600: #5a6178;
    --neutral-700: #3a4060;
    --neutral-800: #232843;
    --neutral-900: #161a2e;
    --neutral-950: #0d1020;

    /* ---- Primary / accent (CHANGE THESE TO REBRAND) ---- */
    --primary:          #6d5bf8;   /* violet */
    --primary-lifted:   #8273ff;
    --primary-accented: #5847e0;
    --primary-50:  #f2f0ff;
    --primary-100: #e7e3ff;
    --primary-200: #cfc7ff;
    --primary-300: #b3a6ff;
    --primary-400: #9684ff;
    --primary-500: #6d5bf8;
    --primary-600: #5847e0;
    --primary-700: #4736c2;
    --primary-800: #382b9c;
    --primary-900: #2c2280;
    --primary-950: #1b1550;

    /* ---- Secondary (blue, for the gradient pair) ---- */
    --secondary:          #4f8dfb;
    --secondary-lifted:   #6fa2fc;
    --secondary-accented: #3b76e6;

    /* ---- State colors ---- */
    --success: #16c784;  --success-lifted: #00b074;  --success-accented: #059669;
    --info:    #4f8dfb;  --info-lifted:    #3b76e6;  --info-accented:    #2563eb;
    --notice:  #a855f7;  --notice-lifted:  #9333ea;  --notice-accented:  #7e22ce;
    --warning: #ff9f43;  --warning-lifted: #f7882a;  --warning-accented: #e06f12;
    --error:   #f6465d;  --error-lifted:   #e63950;  --error-accented:   #c62a40;

    /* ---- Grayscale (light surfaces) ---- */
    --grayscale:          #161a2e;
    --grayscale-lifted:   #232843;
    --grayscale-accented: #3a4060;

    /* ---- Neutral semantic ---- */
    --neutral:          #8a90a6;
    --neutral-lifted:   #5a6178;
    --neutral-accented: #3a4060;

    /* ---- Text ---- */
    --text:          #161a2e;
    --text-accented: #3a4060;
    --text-lifted:   #5a6178;
    --text-muted:    #8a90a6;
    --text-inverted: #ffffff;

    /* ---- Borders ---- */
    --border-muted:    #f0f1f7;
    --border:          #e7e9f2;
    --border-lifted:   #d8dbe8;
    --border-accented: #c4c8db;

    /* ---- Backgrounds ---- */
    --bg:          #ffffff;
    --bg-muted:    #f7f8fc;
    --bg-lifted:   #f7f8fc;
    --bg-accented: #eef0f7;
    --bg-inverted: #161a2e;

    /* ---- Type scale ---- */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

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

    /* ---- Rounding (premium: generous) ---- */
    --rounding-sm: 0.5rem;    /* 8px */
    --rounding-md: 0.75rem;   /* 12px */
    --rounding-lg: 1rem;      /* 16px */

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

/* ---------------------------------------------------------------------
   Add your own custom CSS below this line.
   --------------------------------------------------------------------- */