/* =====================================================================
   DIMENSION — WHMCS Theme  ·  by Soft-KS
   ---------------------------------------------------------------------
   PALETTE / BRANDING FILE  (warm paper editorial edition)
   Redefines the theme's design tokens: warm paper surfaces, ink text,
   editorial blue accents, navy inverted blocks, print-tight rounding.
   To rebrand: change the --primary* block — everything cascades.
   ===================================================================== */

:root {
    --white: #ffffff;

    /* ---- Neutral ramp (warm paper / ink) ---- */
    --neutral-50:  #ffffff;
    --neutral-100: #f7f6f3;
    --neutral-200: #f2efe8;
    --neutral-300: #e4e2da;
    --neutral-400: #b4b8c8;
    --neutral-500: #9297ab;
    --neutral-600: #4c5268;
    --neutral-700: #343a52;
    --neutral-800: #1a2044;
    --neutral-900: #101426;
    --neutral-950: #0c1230;

    /* ---- Primary / accent (CHANGE THESE TO REBRAND) ---- */
    --primary:          #3b5bf6;   /* editorial blue */
    --primary-lifted:   #5b79ff;
    --primary-accented: #2a46d8;
    --primary-50:  #eef1ff;
    --primary-100: #dfe6ff;
    --primary-200: #c9d4ff;
    --primary-300: #a4b5ff;
    --primary-400: #7b91ff;
    --primary-500: #3b5bf6;
    --primary-600: #2a46d8;
    --primary-700: #2138ad;
    --primary-800: #1d2f8a;
    --primary-900: #1c2b6e;
    --primary-950: #131c45;

    /* ---- Secondary (navy, for inverted panels) ---- */
    --secondary:          #0c1230;
    --secondary-lifted:   #111740;
    --secondary-accented: #060a1e;

    /* ---- State colors ---- */
    --success: #0c9f6e;  --success-lifted: #34d399;  --success-accented: #087a54;
    --info:    #3b5bf6;  --info-lifted:    #5b79ff;  --info-accented:    #2a46d8;
    --notice:  #3b5bf6;  --notice-lifted:  #5b79ff;  --notice-accented:  #2a46d8;
    --warning: #d7a94c;  --warning-lifted: #e5c37c;  --warning-accented: #b3872e;
    --error:   #dc2626;  --error-lifted:   #ef4444;  --error-accented:   #b91c1c;

    /* ---- Grayscale (light surfaces) ---- */
    --grayscale:          #101426;
    --grayscale-lifted:   #1a2044;
    --grayscale-accented: #343a52;

    /* ---- Neutral semantic ---- */
    --neutral:          #9297ab;
    --neutral-lifted:   #4c5268;
    --neutral-accented: #343a52;

    /* ---- Text ---- */
    --text:          #101426;
    --text-accented: #343a52;
    --text-lifted:   #4c5268;
    --text-muted:    #9297ab;
    --text-inverted: #ffffff;

    /* ---- Borders ---- */
    --border-muted:    #f0efe9;
    --border:          #e4e2da;
    --border-lifted:   #d6d4ca;
    --border-accented: #c5c3b8;

    /* ---- Backgrounds ---- */
    --bg:          #f7f6f3;
    --bg-muted:    #f2efe8;
    --bg-lifted:   #f2efe8;
    --bg-accented: #ece9e0;
    --bg-inverted: #0c1230;

    /* ---- 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 (print-like: tight) ---- */
    --rounding-sm: 0.1875rem;  /* 3px */
    --rounding-md: 0.25rem;    /* 4px */
    --rounding-lg: 0.5rem;     /* 8px */

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

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