/* Generated by scripts/generate-color-tokens.mjs. Do not edit by hand. */
@layer base {
  :root {
    --blue-50: 214 47% 97%;
    --blue-100: 216 48% 94%;
    --blue-200: 215 57% 90%;
    --blue-300: 215 60% 82%;
    --blue-400: 215 62% 70%;
    --blue-500: 215 65% 52%;
    --blue-600: 215 65% 46%;
    --blue-700: 215 65% 40%;
    --blue-800: 215 65% 34%;
    --blue-900: 215 65% 28%;
    --blue-950: 215 65% 20%;
    --teal-50: 180 37% 97%;
    --teal-100: 176 47% 94%;
    --teal-200: 178 49% 90%;
    --teal-300: 179 50% 82%;
    --teal-400: 178 52% 68%;
    --teal-500: 178 55% 42%;
    --teal-600: 178 55% 37%;
    --teal-700: 178 55% 32%;
    --teal-800: 178 55% 27%;
    --teal-900: 178 55% 22%;
    --teal-950: 179 56% 16%;
    --orange-50: 27 60% 97%;
    --orange-100: 27 67% 94%;
    --orange-200: 27 69% 90%;
    --orange-300: 28 70% 82%;
    --orange-400: 28 72% 68%;
    --orange-500: 28 75% 52%;
    --orange-600: 28 75% 46%;
    --orange-700: 28 75% 40%;
    --orange-800: 28 75% 34%;
    --orange-900: 28 75% 28%;
    --orange-950: 28 75% 20%;
    --rose-50: 350 37% 97%;
    --rose-100: 351 47% 94%;
    --rose-200: 350 49% 90%;
    --rose-300: 350 50% 82%;
    --rose-400: 350 52% 70%;
    --rose-500: 350 55% 52%;
    --rose-600: 350 55% 46%;
    --rose-700: 350 55% 40%;
    --rose-800: 350 55% 34%;
    --rose-900: 350 55% 28%;
    --rose-950: 350 55% 20%;
    --slate-50: 240 7% 97%;
    --slate-100: 240 7% 95%;
    --slate-200: 225 8% 90%;
    --slate-300: 230 7% 82%;
    --slate-400: 228 6% 69%;
    --slate-500: 224 5% 40%;
    --slate-600: 224 6% 35%;
    --slate-700: 224 7% 31%;
    --slate-800: 222 7% 26%;
    --slate-900: 220 8% 21%;
    --slate-950: 223 9% 15%;
    --violet-50: 270 14% 97%;
    --violet-100: 270 14% 95%;
    --violet-200: 274 14% 90%;
    --violet-300: 270 16% 82%;
    --violet-400: 271 16% 70%;
    --violet-500: 274 16% 38%;
    --violet-600: 275 15% 33%;
    --violet-700: 274 16% 28%;
    --violet-800: 273 16% 24%;
    --violet-900: 272 15% 19%;
    --violet-950: 273 15% 14%;
    --sky-50: 193 60% 97%;
    --sky-100: 193 60% 94%;
    --sky-200: 192 64% 89%;
    --sky-300: 191 64% 81%;
    --sky-400: 191 65% 67%;
    --sky-500: 196 76% 50%;
    --sky-600: 196 77% 44%;
    --sky-700: 196 77% 38%;
    --sky-800: 196 78% 32%;
    --sky-900: 196 77% 26%;
    --sky-950: 196 79% 18%;
    --citron-50: 75 60% 96%;
    --citron-100: 77 62% 91%;
    --citron-200: 74 64% 82%;
    --citron-300: 77 71% 75%;
    --citron-400: 78 69% 64%;
    --citron-500: 76 77% 24%;
    --citron-600: 76 78% 23%;
    --citron-700: 76 77% 19%;
    --citron-800: 76 77% 15%;
    --citron-900: 77 74% 12%;
    --citron-950: 78 71% 8%;
    --mint-50: 153 58% 96%;
    --mint-100: 150 60% 92%;
    --mint-200: 150 57% 84%;
    --mint-300: 152 60% 74%;
    --mint-400: 152 60% 62%;
    --mint-500: 161 88% 24%;
    --mint-600: 161 88% 22%;
    --mint-700: 161 86% 19%;
    --mint-800: 161 85% 16%;
    --mint-900: 162 85% 13%;
    --mint-950: 161 83% 9%;
    --coral-50: 18 100% 97%;
    --coral-100: 19 94% 94%;
    --coral-200: 17 94% 88%;
    --coral-300: 15 94% 80%;
    --coral-400: 13 91% 73%;
    --coral-500: 9 63% 42%;
    --coral-600: 10 62% 41%;
    --coral-700: 10 60% 35%;
    --coral-800: 9 59% 29%;
    --coral-900: 9 58% 23%;
    --coral-950: 9 58% 16%;
    --iris-50: 252 100% 98%;
    --iris-100: 255 83% 95%;
    --iris-200: 255 80% 90%;
    --iris-300: 258 78% 84%;
    --iris-400: 258 71% 75%;
    --iris-500: 256 58% 54%;
    --iris-600: 256 53% 47%;
    --iris-700: 256 52% 40%;
    --iris-800: 256 51% 33%;
    --iris-900: 255 51% 27%;
    --iris-950: 255 51% 19%;
    --neutral-50: 0 0% 98%;
    --neutral-100: 0 0% 97%;
    --neutral-200: 0 0% 95%;
    --neutral-300: 0 0% 91%;
    --neutral-400: 0 0% 85%;
    --neutral-500: 0 0% 75%;
    --neutral-600: 0 0% 55%;
    --neutral-700: 0 0% 35%;
    --neutral-800: 0 0% 24%;
    --neutral-900: 0 0% 15%;
    --neutral-950: 0 0% 8%;
    --success-50: 147 53% 97%;
    --success-100: 146 57% 93%;
    --success-200: 145 53% 86%;
    --success-300: 146 52% 75%;
    --success-400: 146 50% 60%;
    --success-500: 150 56% 42%;
    --success-600: 150 59% 35%;
    --success-700: 150 59% 29%;
    --success-800: 151 59% 23%;
    --success-900: 151 60% 18%;
    --success-950: 151 64% 12%;
    --danger-50: 0 100% 98%;
    --danger-100: 0 100% 95%;
    --danger-200: 0 100% 91%;
    --danger-300: 0 87% 82%;
    --danger-400: 0 84% 71%;
    --danger-500: 0 65% 57%;
    --danger-600: 0 56% 50%;
    --danger-700: 0 58% 42%;
    --danger-800: 0 59% 34%;
    --danger-900: 0 58% 27%;
    --danger-950: 0 58% 19%;
    --warning-50: 40 100% 97%;
    --warning-100: 39 100% 93%;
    --warning-200: 40 100% 84%;
    --warning-300: 40 100% 74%;
    --warning-400: 39 87% 62%;
    --warning-500: 37 80% 47%;
    --warning-600: 35 84% 40%;
    --warning-700: 33 86% 34%;
    --warning-800: 32 87% 27%;
    --warning-900: 31 89% 21%;
    --warning-950: 30 91% 14%;
    --brand-50: var(--mint-50);
    --brand-100: var(--mint-100);
    --brand-200: var(--mint-200);
    --brand-300: var(--mint-300);
    --brand-400: var(--mint-400);
    --brand-500: var(--mint-500);
    --brand-600: var(--mint-600);
    --brand-700: var(--mint-700);
    --brand-800: var(--mint-800);
    --brand-900: var(--mint-900);
    --brand-950: var(--mint-950);
    --color-primary-1: var(--brand-50);
    --color-primary-2: var(--brand-100);
    --color-primary-3: var(--brand-200);
    --color-primary-4: var(--brand-300);
    --color-primary-5: var(--brand-400);
    --color-primary-6: var(--brand-500);
    --color-primary-7: var(--brand-600);
    --color-link-1: var(--brand-50);
    --color-link-2: var(--brand-100);
    --color-link-3: var(--brand-200);
    --color-link-4: var(--brand-300);
    --color-link-5: var(--brand-400);
    --color-link-6: var(--brand-500);
    --color-link-7: var(--brand-600);
    --color-success-1: var(--success-50);
    --color-success-2: var(--success-100);
    --color-success-3: var(--success-200);
    --color-success-4: var(--success-300);
    --color-success-5: var(--success-400);
    --color-success-6: var(--success-500);
    --color-success-7: var(--success-600);
    --color-warning-1: var(--warning-50);
    --color-warning-2: var(--warning-100);
    --color-warning-3: var(--warning-200);
    --color-warning-4: var(--warning-300);
    --color-warning-5: var(--warning-400);
    --color-warning-6: var(--warning-500);
    --color-warning-7: var(--warning-600);
    --color-danger-1: var(--danger-50);
    --color-danger-2: var(--danger-100);
    --color-danger-3: var(--danger-200);
    --color-danger-4: var(--danger-300);
    --color-danger-5: var(--danger-400);
    --color-danger-6: var(--danger-500);
    --color-danger-7: var(--danger-600);
    --color-info-1: var(--blue-50);
    --color-info-2: var(--blue-100);
    --color-info-3: var(--blue-200);
    --color-info-4: var(--blue-300);
    --color-info-5: var(--blue-400);
    --color-info-6: var(--blue-500);
    --color-info-7: var(--blue-600);
    --color-primary-subtle: var(--color-primary-1);
    --color-primary-text-disabled: var(--color-primary-2);
    --color-primary-disabled: var(--color-primary-3);
    --color-primary-special: var(--color-primary-4);
    --color-primary-hover: var(--color-primary-5);
    --color-primary-default: var(--color-primary-6);
    --color-primary-active: var(--color-primary-7);
    --color-link-subtle: var(--color-link-1);
    --color-link-text-disabled: var(--color-link-2);
    --color-link-disabled: var(--color-link-3);
    --color-link-special: var(--color-link-4);
    --color-link-hover: var(--color-link-5);
    --color-link-default: var(--color-link-6);
    --color-link-active: var(--color-link-7);
    --color-success-subtle: var(--color-success-1);
    --color-success-text-disabled: var(--color-success-2);
    --color-success-disabled: var(--color-success-3);
    --color-success-special: var(--color-success-4);
    --color-success-hover: var(--color-success-5);
    --color-success-default: var(--color-success-6);
    --color-success-active: var(--color-success-7);
    --color-warning-subtle: var(--color-warning-1);
    --color-warning-text-disabled: var(--color-warning-2);
    --color-warning-disabled: var(--color-warning-3);
    --color-warning-special: var(--color-warning-4);
    --color-warning-hover: var(--color-warning-5);
    --color-warning-default: var(--color-warning-6);
    --color-warning-active: var(--color-warning-7);
    --color-danger-subtle: var(--color-danger-1);
    --color-danger-text-disabled: var(--color-danger-2);
    --color-danger-disabled: var(--color-danger-3);
    --color-danger-special: var(--color-danger-4);
    --color-danger-hover: var(--color-danger-5);
    --color-danger-default: var(--color-danger-6);
    --color-danger-active: var(--color-danger-7);
    --color-info-subtle: var(--color-info-1);
    --color-info-text-disabled: var(--color-info-2);
    --color-info-disabled: var(--color-info-3);
    --color-info-special: var(--color-info-4);
    --color-info-hover: var(--color-info-5);
    --color-info-default: var(--color-info-6);
    --color-info-active: var(--color-info-7);
    --color-primary-focus: var(--color-primary-default);
    --color-link-focus: var(--color-link-default);
    --color-border-1: var(--neutral-100);
    --color-border-2: var(--neutral-200);
    --color-border-3: var(--neutral-300);
    --color-border-4: var(--neutral-500);
    --color-fill-1: var(--neutral-50);
    --color-fill-2: var(--neutral-100);
    --color-fill-3: var(--neutral-200);
    --color-fill-4: var(--neutral-300);
    --color-text-1: var(--neutral-950);
    --color-text-2: var(--neutral-800);
    --color-text-3: var(--neutral-600);
    --color-text-4: var(--neutral-500);
    --color-bg-1: var(--neutral-50);
    --color-bg-2: var(--neutral-100);
    --color-bg-3: var(--neutral-200);
    --color-bg-4: var(--neutral-300);
    --color-bg-5: var(--neutral-950);
    --color-text-default: var(--foreground);
    --color-text-secondary: var(--muted-foreground);
    --color-text-placeholder: var(--muted-foreground);
    --color-text-on-primary: var(--primary-foreground);
    --color-surface-canvas: var(--canvas);
    --color-surface-default: var(--background);
    --color-surface-elevated: var(--card);
    --color-surface-muted: var(--muted);
    --color-surface-overlay: var(--popover);
    --color-border-default: var(--border);
    --color-border-focus: var(--color-primary-default);
    --button-primary-bg: var(--color-primary-default);
    --button-primary-bg-hover: var(--color-primary-hover);
    --button-primary-bg-active: var(--color-primary-active);
    --button-primary-text: var(--color-text-on-primary);
    --input-border: var(--color-border-default);
    --input-border-focus: var(--color-border-focus);
    --button-soft-bg: hsl(var(--color-primary-default) / 0.10);
    --button-soft-bg-hover: hsl(var(--color-primary-default) / 0.15);
    --button-soft-bg-active: hsl(var(--color-primary-default) / 0.20);
    --button-destructive-bg-hover: hsl(var(--color-danger-default) / 0.85);
    --button-destructive-bg-active: hsl(var(--color-danger-default) / 0.95);
    --overlay-item-hover: hsl(var(--foreground) / 0.06);
    --status-info-bg: hsl(var(--muted) / 0.30);
    --status-success-bg: hsl(var(--color-success-default) / 0.10);
    --status-warning-bg: hsl(var(--color-warning-default) / 0.10);
    --status-warning-border: hsl(var(--color-warning-default) / 0.25);
    --status-danger-bg: hsl(var(--color-danger-default) / 0.10);
    --status-danger-border: hsl(var(--color-danger-default) / 0.25);
    --badge-danger-bg: hsl(var(--color-danger-default) / 0.10);
    --section-tone-default: hsl(var(--muted) / 0.10);
    --section-tone-muted: hsl(var(--muted) / 0.15);
    --section-tone-danger: hsl(var(--color-danger-default) / 0.05);
    --empty-icon-muted: hsl(var(--muted-foreground) / 0.20);
    --empty-icon-info: hsl(var(--foreground) / 0.35);
    --empty-icon-success: hsl(var(--color-success-default) / 0.40);
    --empty-icon-warning: hsl(var(--color-warning-default) / 0.45);
    --empty-icon-danger: hsl(var(--color-danger-default) / 0.40);
    --empty-title-info: hsl(var(--foreground) / 0.75);
    --empty-title-success: hsl(var(--color-success-default) / 0.90);
    --empty-desc-muted: hsl(var(--muted-foreground) / 0.40);
    --empty-desc-warning: hsl(var(--color-warning-default) / 0.85);
    --empty-card-muted: hsl(var(--muted) / 0.18);
    --empty-card-success: hsl(var(--color-success-default) / 0.05);
    --empty-card-warning: hsl(var(--color-warning-default) / 0.05);
    --empty-card-danger: hsl(var(--color-danger-default) / 0.05);
    --empty-icon-box-success: hsl(var(--color-success-default) / 0.10);
    --empty-icon-box-warning: hsl(var(--color-warning-default) / 0.10);
    --empty-icon-box-danger: hsl(var(--color-danger-default) / 0.10);
    --save-state-dirty-bg: hsl(var(--color-warning-default) / 0.15);
    --save-state-saving-bg: hsl(var(--color-info-default) / 0.15);
    --save-state-saved-bg: hsl(var(--color-success-default) / 0.15);
    --save-state-error-bg: hsl(var(--color-danger-default) / 0.10);
    --calendar-range-bg: hsl(var(--color-primary-default) / 0.10);
  }

  .dark {
    --blue-50: 216 46% 12%;
    --blue-100: 213 54% 17%;
    --blue-200: 211 59% 24%;
    --blue-300: 210 62% 33%;
    --blue-400: 211 63% 45%;
    --blue-500: 215 65% 62%;
    --blue-600: 215 68% 68%;
    --blue-700: 215 70% 75%;
    --blue-800: 215 72% 82%;
    --blue-900: 214 72% 89%;
    --blue-950: 213 75% 95%;
    --teal-50: 177 41% 11%;
    --teal-100: 177 49% 15%;
    --teal-200: 177 52% 21%;
    --teal-300: 177 54% 27%;
    --teal-400: 178 55% 35%;
    --teal-500: 178 55% 55%;
    --teal-600: 178 58% 62%;
    --teal-700: 178 60% 70%;
    --teal-800: 178 61% 78%;
    --teal-900: 177 62% 87%;
    --teal-950: 176 68% 95%;
    --orange-50: 24 47% 12%;
    --orange-100: 23 53% 17%;
    --orange-200: 23 60% 24%;
    --orange-300: 24 65% 32%;
    --orange-400: 25 70% 42%;
    --orange-500: 27 78% 61%;
    --orange-600: 28 80% 66%;
    --orange-700: 29 81% 73%;
    --orange-800: 29 82% 81%;
    --orange-900: 28 80% 88%;
    --orange-950: 26 84% 95%;
    --rose-50: 347 37% 12%;
    --rose-100: 348 43% 18%;
    --rose-200: 348 49% 25%;
    --rose-300: 349 52% 34%;
    --rose-400: 349 54% 44%;
    --rose-500: 350 60% 61%;
    --rose-600: 349 61% 67%;
    --rose-700: 349 63% 74%;
    --rose-800: 349 63% 81%;
    --rose-900: 350 63% 88%;
    --rose-950: 347 58% 95%;
    --slate-50: 228 9% 11%;
    --slate-100: 223 9% 15%;
    --slate-200: 227 9% 21%;
    --slate-300: 225 8% 28%;
    --slate-400: 224 8% 37%;
    --slate-500: 223 6% 51%;
    --slate-600: 222 6% 59%;
    --slate-700: 222 6% 68%;
    --slate-800: 225 7% 77%;
    --slate-900: 228 7% 86%;
    --slate-950: 240 7% 95%;
    --violet-50: 282 17% 12%;
    --violet-100: 278 24% 18%;
    --violet-200: 277 27% 25%;
    --violet-300: 277 28% 34%;
    --violet-400: 276 28% 45%;
    --violet-500: 281 13% 51%;
    --violet-600: 278 15% 59%;
    --violet-700: 277 17% 67%;
    --violet-800: 278 19% 76%;
    --violet-900: 281 22% 85%;
    --violet-950: 285 29% 95%;
    --sky-50: 196 56% 11%;
    --sky-100: 194 66% 15%;
    --sky-200: 193 69% 20%;
    --sky-300: 193 74% 27%;
    --sky-400: 192 75% 36%;
    --sky-500: 194 77% 58%;
    --sky-600: 194 77% 65%;
    --sky-700: 194 76% 72%;
    --sky-800: 194 75% 79%;
    --sky-900: 194 75% 87%;
    --sky-950: 193 75% 95%;
    --citron-50: 83 32% 10%;
    --citron-100: 87 34% 15%;
    --citron-200: 84 39% 21%;
    --citron-300: 82 42% 29%;
    --citron-400: 82 46% 41%;
    --citron-500: 80 71% 69%;
    --citron-600: 80 73% 76%;
    --citron-700: 79 73% 82%;
    --citron-800: 79 72% 89%;
    --citron-900: 83 75% 94%;
    --citron-950: 80 75% 97%;
    --mint-50: 157 40% 10%;
    --mint-100: 155 45% 16%;
    --mint-200: 155 47% 22%;
    --mint-300: 154 47% 30%;
    --mint-400: 152 45% 41%;
    --mint-500: 154 64% 65%;
    --mint-600: 154 66% 72%;
    --mint-700: 152 69% 80%;
    --mint-800: 152 70% 87%;
    --mint-900: 150 72% 93%;
    --mint-950: 147 73% 97%;
    --coral-50: 9 29% 13%;
    --coral-100: 11 35% 19%;
    --coral-200: 13 39% 26%;
    --coral-300: 13 41% 36%;
    --coral-400: 14 42% 48%;
    --coral-500: 15 100% 78%;
    --coral-600: 16 100% 83%;
    --coral-700: 17 100% 87%;
    --coral-800: 19 100% 91%;
    --coral-900: 18 100% 95%;
    --coral-950: 20 100% 98%;
    --iris-50: 259 30% 15%;
    --iris-100: 263 28% 21%;
    --iris-200: 267 28% 30%;
    --iris-300: 267 28% 40%;
    --iris-400: 267 32% 54%;
    --iris-500: 259 80% 80%;
    --iris-600: 260 84% 85%;
    --iris-700: 258 88% 90%;
    --iris-800: 259 88% 94%;
    --iris-900: 260 90% 96%;
    --iris-950: 262 100% 98%;
    --neutral-50: 0 0% 8%;
    --neutral-100: 0 0% 11%;
    --neutral-200: 0 0% 15%;
    --neutral-300: 0 0% 20%;
    --neutral-400: 0 0% 28%;
    --neutral-500: 0 0% 40%;
    --neutral-600: 0 0% 53%;
    --neutral-700: 0 0% 68%;
    --neutral-800: 0 0% 81%;
    --neutral-900: 0 0% 91%;
    --neutral-950: 0 0% 96%;
    --success-50: 148 54% 10%;
    --success-100: 149 58% 15%;
    --success-200: 150 60% 20%;
    --success-300: 149 60% 27%;
    --success-400: 149 59% 35%;
    --success-500: 147 46% 50%;
    --success-600: 146 49% 59%;
    --success-700: 145 51% 67%;
    --success-800: 145 51% 77%;
    --success-900: 141 51% 86%;
    --success-950: 143 52% 95%;
    --danger-50: 0 38% 13%;
    --danger-100: 0 46% 19%;
    --danger-200: 0 51% 25%;
    --danger-300: 0 53% 35%;
    --danger-400: 0 53% 46%;
    --danger-500: 0 67% 63%;
    --danger-600: 0 71% 69%;
    --danger-700: 0 73% 76%;
    --danger-800: 0 75% 83%;
    --danger-900: 0 77% 90%;
    --danger-950: 0 79% 96%;
    --warning-50: 35 58% 10%;
    --warning-100: 35 70% 15%;
    --warning-200: 34 76% 21%;
    --warning-300: 34 79% 28%;
    --warning-400: 34 80% 37%;
    --warning-500: 37 74% 55%;
    --warning-600: 39 76% 62%;
    --warning-700: 40 79% 70%;
    --warning-800: 41 83% 77%;
    --warning-900: 42 83% 86%;
    --warning-950: 41 86% 94%;
    --button-soft-bg: hsl(var(--color-primary-default) / 0.15);
    --button-soft-bg-hover: hsl(var(--color-primary-default) / 0.20);
    --button-soft-bg-active: hsl(var(--color-primary-default) / 0.25);
    --overlay-item-hover: hsl(var(--foreground) / 0.08);
  }

  :root[data-color-scheme="blue"] {
    --brand-50: var(--blue-50);
    --brand-100: var(--blue-100);
    --brand-200: var(--blue-200);
    --brand-300: var(--blue-300);
    --brand-400: var(--blue-400);
    --brand-500: var(--blue-500);
    --brand-600: var(--blue-600);
    --brand-700: var(--blue-700);
    --brand-800: var(--blue-800);
    --brand-900: var(--blue-900);
    --brand-950: var(--blue-950);
  }

  :root[data-color-scheme="teal"] {
    --brand-50: var(--teal-50);
    --brand-100: var(--teal-100);
    --brand-200: var(--teal-200);
    --brand-300: var(--teal-300);
    --brand-400: var(--teal-400);
    --brand-500: var(--teal-500);
    --brand-600: var(--teal-600);
    --brand-700: var(--teal-700);
    --brand-800: var(--teal-800);
    --brand-900: var(--teal-900);
    --brand-950: var(--teal-950);
  }

  :root[data-color-scheme="orange"] {
    --brand-50: var(--orange-50);
    --brand-100: var(--orange-100);
    --brand-200: var(--orange-200);
    --brand-300: var(--orange-300);
    --brand-400: var(--orange-400);
    --brand-500: var(--orange-500);
    --brand-600: var(--orange-600);
    --brand-700: var(--orange-700);
    --brand-800: var(--orange-800);
    --brand-900: var(--orange-900);
    --brand-950: var(--orange-950);
  }

  :root[data-color-scheme="rose"] {
    --brand-50: var(--rose-50);
    --brand-100: var(--rose-100);
    --brand-200: var(--rose-200);
    --brand-300: var(--rose-300);
    --brand-400: var(--rose-400);
    --brand-500: var(--rose-500);
    --brand-600: var(--rose-600);
    --brand-700: var(--rose-700);
    --brand-800: var(--rose-800);
    --brand-900: var(--rose-900);
    --brand-950: var(--rose-950);
  }

  :root[data-color-scheme="slate"] {
    --brand-50: var(--slate-50);
    --brand-100: var(--slate-100);
    --brand-200: var(--slate-200);
    --brand-300: var(--slate-300);
    --brand-400: var(--slate-400);
    --brand-500: var(--slate-500);
    --brand-600: var(--slate-600);
    --brand-700: var(--slate-700);
    --brand-800: var(--slate-800);
    --brand-900: var(--slate-900);
    --brand-950: var(--slate-950);
  }

  :root[data-color-scheme="violet"] {
    --brand-50: var(--violet-50);
    --brand-100: var(--violet-100);
    --brand-200: var(--violet-200);
    --brand-300: var(--violet-300);
    --brand-400: var(--violet-400);
    --brand-500: var(--violet-500);
    --brand-600: var(--violet-600);
    --brand-700: var(--violet-700);
    --brand-800: var(--violet-800);
    --brand-900: var(--violet-900);
    --brand-950: var(--violet-950);
  }

  :root[data-color-scheme="sky"] {
    --brand-50: var(--sky-50);
    --brand-100: var(--sky-100);
    --brand-200: var(--sky-200);
    --brand-300: var(--sky-300);
    --brand-400: var(--sky-400);
    --brand-500: var(--sky-500);
    --brand-600: var(--sky-600);
    --brand-700: var(--sky-700);
    --brand-800: var(--sky-800);
    --brand-900: var(--sky-900);
    --brand-950: var(--sky-950);
  }

  :root[data-color-scheme="citron"] {
    --brand-50: var(--citron-50);
    --brand-100: var(--citron-100);
    --brand-200: var(--citron-200);
    --brand-300: var(--citron-300);
    --brand-400: var(--citron-400);
    --brand-500: var(--citron-500);
    --brand-600: var(--citron-600);
    --brand-700: var(--citron-700);
    --brand-800: var(--citron-800);
    --brand-900: var(--citron-900);
    --brand-950: var(--citron-950);
  }

  :root[data-color-scheme="mint"] {
    --brand-50: var(--mint-50);
    --brand-100: var(--mint-100);
    --brand-200: var(--mint-200);
    --brand-300: var(--mint-300);
    --brand-400: var(--mint-400);
    --brand-500: var(--mint-500);
    --brand-600: var(--mint-600);
    --brand-700: var(--mint-700);
    --brand-800: var(--mint-800);
    --brand-900: var(--mint-900);
    --brand-950: var(--mint-950);
  }

  :root[data-color-scheme="coral"] {
    --brand-50: var(--coral-50);
    --brand-100: var(--coral-100);
    --brand-200: var(--coral-200);
    --brand-300: var(--coral-300);
    --brand-400: var(--coral-400);
    --brand-500: var(--coral-500);
    --brand-600: var(--coral-600);
    --brand-700: var(--coral-700);
    --brand-800: var(--coral-800);
    --brand-900: var(--coral-900);
    --brand-950: var(--coral-950);
  }

  :root[data-color-scheme="iris"] {
    --brand-50: var(--iris-50);
    --brand-100: var(--iris-100);
    --brand-200: var(--iris-200);
    --brand-300: var(--iris-300);
    --brand-400: var(--iris-400);
    --brand-500: var(--iris-500);
    --brand-600: var(--iris-600);
    --brand-700: var(--iris-700);
    --brand-800: var(--iris-800);
    --brand-900: var(--iris-900);
    --brand-950: var(--iris-950);
  }
}