:root {

    /* ═══════════════════════════════════════════════════════════
      Alternative palettes generated with HueMint
       ═══════════════════════════════════════════════════════════ */
    /* https://huemint.com/brand-intersection/#palette=ffffff-19369a-66b4f4-0079d8 */
    /* https://huemint.com/website-3/#palette=ffffff-cde9b4-201f57-0024cf-66b4f4-feb011 */
    /* https://huemint.com/website-2/#palette=120a2c-f9cc3f-e95345-6594d6 */
    /* https://huemint.com/website-2/#palette=0a0101-fec900-f73a18-3ea8f1 */
    /* ═══════════════════════════════════════════════════════════
       JUMBO DESIGN TOKENS
       ═══════════════════════════════════════════════════════════ */

    /* ─── BRAND CORE ─── */
    --jumbo-blue: #66b4f4;
    --tangerine: #E8823A;
    --marigold: #E8A628;
    --terracotta: #D85A3A;
    --sand: #EDE4D0;

    /* ─── BRAND SHADES (darker, for hover/active/text) ─── */
    --jumbo-blue-dark: #4A9AD8;
    --tangerine-dark: #C86E30;
    --marigold-dark: #C88E20;
    --terracotta-dark: #B84A2E;
    --sand-dark: #D4CBBA;

    /* ─── BRAND TINTS (lighter, for backgrounds/disabled) ─── */
    --jumbo-blue-light: #A8D4F8;
    --tangerine-light: #F4B888;
    --marigold-light: #F4D078;
    --terracotta-light: #EDAA98;
    --sand-light: #F7F3EB;

    /* ─── NEUTRALS (pure gray) ─── */
    --neutral-50: #FEFEFE;
    --neutral-100: #F8F8F8;
    --neutral-200: #EFEFEF;
    --neutral-300: #E0E0E0;
    --neutral-400: #CCCCCC;
    --neutral-500: #A0A0A0;
    --neutral-600: #707070;
    --neutral-700: #484848;
    --neutral-800: #282828;
    --neutral-900: #181818;

    /* ─── STATUS COLORS ─── */
    --success: #4A9A6A;
    --success-light: #E8F2EC;
    --warning: var(--marigold);
    --warning-light: #FDF6E8;
    --error: var(--terracotta);
    --error-light: #FDEBE7;
    --info: var(--jumbo-blue);
    --info-light: #EBF5FC;

    /* ─── ANSI PALETTE (terminal-inspired) ─── */
    --ansi-red: #E05252;
    --ansi-green: #2DD4A8;
    --ansi-yellow: #E8C840;
    --ansi-blue: #5A9CF0;
    --ansi-magenta: #C678DD;
    --ansi-cyan: #56C8D8;

    --ansi-red-bright: #F07070;
    --ansi-green-bright: #5AECC0;
    --ansi-yellow-bright: #F4DC6E;
    --ansi-blue-bright: #82B8F8;
    --ansi-magenta-bright: #DA9EEE;
    --ansi-cyan-bright: #80E0EC;

    --ansi-orange: #ffaf00;
    --ansi-hotpink: #ff00d7;
    --ansi-darkblue: #0000d7;
    --ansi-darkgreen: #008000;

    /* ─── TYPOGRAPHY ─── */
    --font-main: "JetBrains Mono", monospace;

    /* ─── SPACING ─── */
    --spacing-unit: 1rem;
    --container-width: 1200px;
}