/* =====================================================================
   ZENITH — "Aurora Bento" WHMCS Theme  ·  by Soft-KS
   ---------------------------------------------------------------------
   PALETTE / BRANDING FILE  (aurora light edition)
   Redefines the theme's design tokens: white/pastel aurora surfaces,
   ink text, violet -> sky gradient accents, generous bento rounding.
   To rebrand: change the --primary* block — everything cascades.
   ===================================================================== */

:root {
    --white: #ffffff;

    /* ---- Neutral ramp (ink / cool gray) ---- */
    --neutral-50:  #ffffff;
    --neutral-100: #fbfbfd;
    --neutral-200: #f4f5f9;
    --neutral-300: #e7e8f0;
    --neutral-400: #aab0c2;
    --neutral-500: #8a90a6;
    --neutral-600: #495066;
    --neutral-700: #343a4e;
    --neutral-800: #1b1e35;
    --neutral-900: #0b0d17;
    --neutral-950: #050710;

    /* ---- Primary / accent (CHANGE THESE TO REBRAND) ---- */
    --primary:          #8b5cf6;   /* aurora violet */
    --primary-lifted:   #a78bfa;
    --primary-accented: #7c3aed;
    --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: #5b21b6;
    --primary-900: #4c1d95;
    --primary-950: #2e1065;

    /* ---- Secondary (sky, for the aurora gradient pair) ---- */
    --secondary:          #38bdf8;
    --secondary-lifted:   #7dd3fc;
    --secondary-accented: #0ea5e9;

    /* ---- State colors ---- */
    --success: #34d399;  --success-lifted: #6ee7b7;  --success-accented: #059669;
    --info:    #38bdf8;  --info-lifted:    #7dd3fc;  --info-accented:    #0284c7;
    --notice:  #8b5cf6;  --notice-lifted:  #a78bfa;  --notice-accented:  #7c3aed;
    --warning: #fbbf24;  --warning-lifted: #fcd34d;  --warning-accented: #d97706;
    --error:   #ef4444;  --error-lifted:   #f87171;  --error-accented:   #dc2626;

    /* ---- Grayscale (light surfaces) ---- */
    --grayscale:          #0b0d17;
    --grayscale-lifted:   #1b1e35;
    --grayscale-accented: #343a4e;

    /* ---- Neutral semantic ---- */
    --neutral:          #8a90a6;
    --neutral-lifted:   #495066;
    --neutral-accented: #343a4e;

    /* ---- Text ---- */
    --text:          #0b0d17;
    --text-accented: #343a4e;
    --text-lifted:   #495066;
    --text-muted:    #8a90a6;
    --text-inverted: #ffffff;

    /* ---- Borders ---- */
    --border-muted:    #f0f1f7;
    --border:          #e7e8f0;
    --border-lifted:   #d5d8e5;
    --border-accented: #c2c7d9;

    /* ---- Backgrounds ---- */
    --bg:          #fbfbfd;
    --bg-muted:    #f4f5f9;
    --bg-lifted:   #f4f5f9;
    --bg-accented: #eef0f6;
    --bg-inverted: #0b0d17;

    /* ---- 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 (bento: extra generous) ---- */
    --rounding-sm: 0.75rem;   /* 12px */
    --rounding-md: 1rem;      /* 16px */
    --rounding-lg: 1.25rem;   /* 20px */

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

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