:root {
    /* Neutral */
    --neutral-0:   #ffffff;
    --neutral-50:  #F4F4F4;
    --neutral-100: #EBEEF1;
    --neutral-200: #E1E4EA;
    --neutral-300: #CACFD8;
    --neutral-400: #99A0AE;
    --neutral-500: #717784;
    --neutral-600: #525866;
    --neutral-700: #37455C;
    --neutral-800: #223451;
    --neutral-900: #132747;
    --neutral-950: #01112E;

    /* Accent */
    --accent-green-300: #70FDCA;
    --accent-green-500: #09FAA3;
    --accent-purple-300: #BB7FFF;
    --accent-purple-500: #7700FF;
    --accent-blue-200:  #B6EBF4;

    /* Red */
    --red-300: #FB786F;
    --red-500: #E12416;

    /* Gradients */
    --gradient-purple: linear-gradient(90deg, #65EFBD 26.67%, #7FDDFF 63.34%, #C5A5FF 100%);
    --gradient-border: rgba(255, 255, 255, 0.20);
}

/* ── Utility text-color classes ── */
.text-neutral-0   { color: var(--neutral-0)   !important; }
.text-neutral-100 { color: var(--neutral-100) !important; }
.text-neutral-200 { color: var(--neutral-200) !important; }
.text-neutral-300 { color: var(--neutral-300) !important; }
.text-neutral-400 { color: var(--neutral-400) !important; }
.text-neutral-500 { color: var(--neutral-500) !important; }
.text-neutral-600 { color: var(--neutral-600) !important; }
.text-neutral-700 { color: var(--neutral-700) !important; }
.text-neutral-800 { color: var(--neutral-800) !important; }
.text-neutral-900 { color: var(--neutral-900) !important; }
.text-neutral-950 { color: var(--neutral-950) !important; }

.text-accent-green-300 { color: var(--accent-green-300) !important; }
.text-accent-green-500 { color: var(--accent-green-500) !important; }

/* ── Utility background-color classes ── */
.bg-neutral-950 { background-color: var(--neutral-950) !important; }
.bg-neutral-900 { background-color: var(--neutral-900) !important; }
.bg-neutral-800 { background-color: var(--neutral-800) !important; }
.bg-neutral-0   { background-color: var(--neutral-0)   !important; }