/* =====================================================================
   NEON — "Neon Terminal" WHMCS Theme  ·  by Soft-KS
   ---------------------------------------------------------------------
   PALETTE / BRANDING FILE  (dark cyberpunk edition)
   Redefines the theme's design tokens: near-black void surfaces,
   cyan / magenta neon accents, lime status green, monospace labels.
   To rebrand: change the --primary* block — everything cascades.
   ===================================================================== */

:root {
    --white: #ffffff;

    /* ---- Neutral ramp (void indigo, darkest-first usage flipped) ---- */
    --neutral-50:  #05021a;
    --neutral-100: #0a0620;
    --neutral-200: #0e0a2a;
    --neutral-300: #171242;
    --neutral-400: #565b85;
    --neutral-500: #8b90b8;
    --neutral-600: #aeb2d6;
    --neutral-700: #c9cdec;
    --neutral-800: #e6e8ff;
    --neutral-900: #f2f3ff;
    --neutral-950: #ffffff;

    /* ---- Primary / accent (CHANGE THESE TO REBRAND) ---- */
    --primary:          #22d3ee;   /* neon cyan */
    --primary-lifted:   #67e8f9;
    --primary-accented: #06b6d4;
    --primary-50:  #041418;
    --primary-100: #062a33;
    --primary-200: #08404d;
    --primary-300: #0a5666;
    --primary-400: #0e8199;
    --primary-500: #22d3ee;
    --primary-600: #06b6d4;
    --primary-700: #0891b2;
    --primary-800: #155e75;
    --primary-900: #164e63;
    --primary-950: #083344;

    /* ---- Secondary (neon magenta, the gradient pair) ---- */
    --secondary:          #e879f9;
    --secondary-lifted:   #f0abfc;
    --secondary-accented: #d946ef;

    /* ---- State colors ---- */
    --success: #bef264;  --success-lifted: #d9f99d;  --success-accented: #a3e635;
    --info:    #22d3ee;  --info-lifted:    #67e8f9;  --info-accented:    #06b6d4;
    --notice:  #e879f9;  --notice-lifted:  #f0abfc;  --notice-accented:  #d946ef;
    --warning: #fbbf24;  --warning-lifted: #fcd34d;  --warning-accented: #f59e0b;
    --error:   #fb7185;  --error-lifted:   #fda4af;  --error-accented:   #f43f5e;

    /* ---- Grayscale (dark surfaces) ---- */
    --grayscale:          #0a0620;
    --grayscale-lifted:   #0e0a2a;
    --grayscale-accented: #171242;

    /* ---- Neutral semantic ---- */
    --neutral:          #8b90b8;
    --neutral-lifted:   #aeb2d6;
    --neutral-accented: #c9cdec;

    /* ---- Text ---- */
    --text:          #e6e8ff;
    --text-accented: #f2f3ff;
    --text-lifted:   #c9cdec;
    --text-muted:    #8b90b8;
    --text-inverted: #030014;

    /* ---- Borders ---- */
    --border-muted:    rgba(148,163,255,0.08);
    --border:          rgba(148,163,255,0.12);
    --border-lifted:   rgba(148,163,255,0.2);
    --border-accented: rgba(148,163,255,0.3);

    /* ---- Backgrounds ---- */
    --bg:          #030014;
    --bg-muted:    #0a0620;
    --bg-lifted:   #0a0620;
    --bg-accented: #0e0a2a;
    --bg-inverted: #020010;

    /* ---- 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 (terminal: tight) ---- */
    --rounding-sm: 0.375rem;  /* 6px */
    --rounding-md: 0.5rem;    /* 8px */
    --rounding-lg: 0.875rem;  /* 14px */

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

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