/* *****************************************************
    GigaNodes custom theme — colour and shape variables
    Palette taken from giganodes.host:
      background #0a0a12, surface #0e0e1a, border #1e1e33,
      text #e8e8f2, muted #9494ad, accent #4d7cff.
    Change a value here and every page and the Nexus cart follow.
    (theme.css is compiled from ../sass — see ../README-GIGANODES.md)
***************************************************** */

:root {
    --white: #fff;

    /* Brand scale (blue) */
    --primary-50:  #eef3ff;
    --primary-100: #dbe6ff;
    --primary-200: #bcd0ff;
    --primary-300: #7ba0ff;
    --primary-400: #5c8bff;
    --primary-500: #4d7cff;
    --primary-600: #3b69ee;
    --primary-700: #2f58d4;
    --primary-800: #2647a8;
    --primary-900: #1c3580;
    --primary-950: #14264a;

    /* Neutral scale, dark-adapted (50 = lightest text, 950 = page background) */
    --neutral-50:  #f4f4fb;
    --neutral-100: #e8e8f2;
    --neutral-200: #c9c9dd;
    --neutral-300: #a9a9c2;
    --neutral-400: #9494ad;
    --neutral-500: #6f6f94;
    --neutral-600: #3a3a5c;
    --neutral-700: #2c2c4a;
    --neutral-800: #1e1e33;
    --neutral-900: #121222;
    --neutral-950: #0a0a12;

    /* Primary colours (buttons, links, focus) */
    --primary: #3b69ee;
    --primary-lifted: #2f58d4;
    --primary-accented: #2b52c8;

    --secondary: #8a8aad;
    --secondary-lifted: #8a8aad;
    --secondary-accented: #a5a5c4;

    /* Status colours (bright so they read on dark) */
    --success: #22c55e;
    --success-lifted: #16a34a;
    --success-accented: #4ade80;
    --info: #4d7cff;
    --info-lifted: #3b69ee;
    --info-accented: #7ba0ff;
    --notice: #a78bfa;
    --notice-lifted: #8b5cf6;
    --notice-accented: #c4b5fd;
    --warning: #fbbf24;
    --warning-lifted: #f59e0b;
    --warning-accented: #fcd34d;
    --error: #f87171;
    --error-lifted: #ef4444;
    --error-accented: #fca5a5;

    /* Dark panels used for headers and highlighted blocks */
    --grayscale: #1a1a30;
    --grayscale-lifted: #222244;
    --grayscale-accented: #2c2c4a;

    --neutral: #8a8aad;
    --neutral-lifted: #a5a5c4;
    --neutral-accented: #c2c2d8;

    /* Text */
    --text-inverted: #fff;
    --text-muted: #9494ad;
    --text-lifted: #a9a9c2;
    --text-accented: #c9c9dd;
    --text: #e8e8f2;

    /* Borders */
    --border-muted: #1e1e33;
    --border: #2c2c4a;
    --border-lifted: #3a3a5c;
    --border-accented: #4a4a70;

    /* Backgrounds */
    --bg: #0a0a12;
    --bg-muted: #0e0e1a;
    --bg-lifted: #121222;
    --bg-accented: #1a1a30;
    --bg-inverted: #1a1a30;

    /* Additional colours */
    --yellow-200: #fde68a;
    --yellow-300: #fbbf24;
    --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 (main site uses soft corners) */
    --rounding-sm: 0.4rem;
    --rounding-md: 0.625rem;
    --rounding-lg: 0.875rem;

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