:root {
  /* sRGB hex */
  /* Palette: brand */
  --color-brand-green-50: #f0fed3;
  --color-brand-green-100: #cffa00;
  --color-brand-green-200: #bee900;
  --color-brand-green-300: #a5cd00;
  --color-brand-green-400: #8cae00;
  --color-brand-green-500: #718d00;
  --color-brand-green-600: #607800;
  --color-brand-green-700: #556b00;
  --color-brand-green-800: #475900;
  --color-brand-green-900: #3b4b00;
  --color-brand-green-950: #1c2500;
  --color-brand-watermelon-50: #fff6f7;
  --color-brand-watermelon-100: #ffe3e5;
  --color-brand-watermelon-200: #ffcdd1;
  --color-brand-watermelon-300: #ffa6b1;
  --color-brand-watermelon-400: #ff758d;
  --color-brand-watermelon-500: #fd2060;
  --color-brand-watermelon-600: #de004b;
  --color-brand-watermelon-700: #c70042;
  --color-brand-watermelon-800: #a70036;
  --color-brand-watermelon-900: #8e002d;
  --color-brand-watermelon-950: #4b0014;

  /* Palette: bright */
  --color-color-3-50: #ffe29d;
  --color-amber-25: #fff8e7;
  --color-amber-50: #fef8eb;
  --color-amber-100: #fde7bd;
  --color-amber-200: #fcd484;
  --color-amber-300: #f7b200;
  --color-amber-400: #d29700;
  --color-amber-500: #ab7a00;
  --color-amber-600: #926800;
  --color-amber-700: #835c00;
  --color-amber-800: #6d4d00;
  --color-amber-900: #5c4000;
  --color-amber-950: #2f1f00;
  --color-green-50: #f5faed;
  --color-green-100: #dff0c5;
  --color-green-200: #c6e394;
  --color-green-300: #9fce2a;
  --color-green-400: #87af22;
  --color-green-500: #6d8e1a;
  --color-green-600: #5d7914;
  --color-green-700: #526c11;
  --color-green-800: #445a0c;
  --color-green-900: #384b09;
  --color-green-950: #1a2502;
  --color-yellow-50: #fff7ed;
  --color-yellow-100: #ffe6c5;
  --color-yellow-200: #ffd294;
  --color-yellow-300: #ffae1b;
  --color-yellow-400: #e48e00;
  --color-yellow-500: #ba7300;
  --color-yellow-600: #9f6200;
  --color-yellow-700: #8e5700;
  --color-yellow-800: #774800;
  --color-yellow-900: #643c00;
  --color-yellow-950: #341c00;

  /* Palette: gray */
  --color-cool-50: #f4f9ff;
  --color-cool-100: #e5eaf1;
  --color-cool-200: #d5d9e0;
  --color-cool-300: #babfc5;
  --color-cool-400: #9ea2a8;
  --color-cool-500: #7f838a;
  --color-cool-600: #6c7076;
  --color-cool-700: #606369;
  --color-cool-800: #4f5359;
  --color-cool-900: #42454b;
  --color-cool-950: #1f2227;
  --color-neutral-50: #f8f8f8;
  --color-neutral-100: #e9e9e9;
  --color-neutral-200: #d9d9d9;
  --color-neutral-300: #bebebe;
  --color-neutral-400: #a1a1a1;
  --color-neutral-500: #838383;
  --color-neutral-600: #6f6f6f;
  --color-neutral-700: #636363;
  --color-neutral-800: #525252;
  --color-neutral-900: #454545;
  --color-neutral-950: #222222;
  --color-warm-50: #fff7f4;
  --color-warm-100: #f1e8e5;
  --color-warm-200: #e0d7d4;
  --color-warm-300: #c5bcba;
  --color-warm-400: #a8a09d;
  --color-warm-500: #89817f;
  --color-warm-600: #766e6b;
  --color-warm-700: #69625f;
  --color-warm-800: #58514e;
  --color-warm-900: #4b4341;
  --color-warm-950: #27201e;

  /* Palette: ux */
  --color-blue-50: #f4f9ff;
  --color-blue-100: #ddebff;
  --color-blue-200: #c2dbff;
  --color-blue-300: #96c1ff;
  --color-blue-400: #63a2ff;
  --color-blue-500: #237fff;
  --color-blue-600: #136ae4;
  --color-blue-700: #105ecc;
  --color-blue-800: #0b4eac;
  --color-blue-900: #084192;
  --color-blue-950: #021f4e;
  --color-emerald-50: #f3faf4;
  --color-emerald-100: #d9efdd;
  --color-emerald-200: #bbe3c2;
  --color-emerald-300: #87ce96;
  --color-emerald-400: #3eb763;
  --color-emerald-500: #009820;
  --color-emerald-600: #008219;
  --color-emerald-700: #007416;
  --color-emerald-800: #006110;
  --color-emerald-900: #00510c;
  --color-emerald-950: #002903;
  --color-green-50: #f4faf3;
  --color-green-100: #ddeeda;
  --color-green-200: #c2e2bc;
  --color-green-300: #95cc8b;
  --color-green-400: #5eb450;
  --color-green-500: #009900;
  --color-green-600: #008200;
  --color-green-700: #007400;
  --color-green-800: #006100;
  --color-green-900: #005100;
  --color-green-950: #002900;
  --color-indigo-50: #f7f8ff;
  --color-indigo-100: #e5e8ff;
  --color-indigo-200: #d2d7ff;
  --color-indigo-300: #b3b9ff;
  --color-indigo-400: #9398ff;
  --color-indigo-500: #7670ff;
  --color-indigo-600: #635ce5;
  --color-indigo-700: #5852cd;
  --color-indigo-800: #4944ad;
  --color-indigo-900: #3d3893;
  --color-indigo-950: #1d1a4e;
  --color-orange-50: #fff7f4;
  --color-orange-100: #ffe4db;
  --color-orange-200: #ffcec0;
  --color-orange-300: #fea990;
  --color-orange-400: #fa7d59;
  --color-orange-500: #f34000;
  --color-orange-600: #d13500;
  --color-orange-700: #bb2e00;
  --color-orange-800: #9d2500;
  --color-orange-900: #851e00;
  --color-orange-950: #460b00;
  --color-pink-50: #fff6f9;
  --color-pink-100: #ffe2ea;
  --color-pink-200: #ffccda;
  --color-pink-300: #fca5c0;
  --color-pink-400: #f778a4;
  --color-pink-500: #ee3786;
  --color-pink-600: #cd2d72;
  --color-pink-700: #b72766;
  --color-pink-800: #9a1f55;
  --color-pink-900: #831947;
  --color-pink-950: #450823;
  --color-purple-50: #f9f7ff;
  --color-purple-100: #ebe7ff;
  --color-purple-200: #dbd4ff;
  --color-purple-300: #c3b4ff;
  --color-purple-400: #ab90ff;
  --color-purple-500: #9564ff;
  --color-purple-600: #7e54de;
  --color-purple-700: #704ac7;
  --color-purple-800: #5e3da7;
  --color-purple-900: #4f338e;
  --color-purple-950: #27174b;
  --color-red-50: #fff7f6;
  --color-red-100: #ffe3e1;
  --color-red-200: #ffcdca;
  --color-red-300: #ffa7a2;
  --color-red-400: #fc7977;
  --color-red-500: #f53745;
  --color-red-600: #d32d39;
  --color-red-700: #bd2732;
  --color-red-800: #9f1f29;
  --color-red-900: #871921;
  --color-red-950: #47080d;
  --color-watermelon-50: #fff6f7;
  --color-watermelon-100: #ffe3e5;
  --color-watermelon-200: #ffcdd1;
  --color-watermelon-300: #ffa6af;
  --color-watermelon-400: #fb788b;
  --color-watermelon-500: #f43564;
  --color-watermelon-600: #d22b54;
  --color-watermelon-700: #bc254b;
  --color-watermelon-800: #9e1e3e;
  --color-watermelon-900: #861833;
  --color-watermelon-950: #470817;
}

@supports (color: oklch(0 0 0)) {
  :root {
    /* OKLCH */
    /* Palette: brand */
    --color-brand-green-50: oklch(0.976 0.058 122);
    --color-brand-green-100: oklch(0.922 0.224 122);
    --color-brand-green-200: oklch(0.871 0.224 122);
    --color-brand-green-300: oklch(0.788 0.217 122);
    --color-brand-green-400: oklch(0.697 0.192 122);
    --color-brand-green-500: oklch(0.599 0.165 122);
    --color-brand-green-600: oklch(0.533 0.147 122);
    --color-brand-green-700: oklch(0.491 0.136 122);
    --color-brand-green-800: oklch(0.432 0.119 122);
    --color-brand-green-900: oklch(0.383 0.106 122);
    --color-brand-green-950: oklch(0.246 0.068 122);
    --color-brand-watermelon-50: oklch(0.982 0.011 13);
    --color-brand-watermelon-100: oklch(0.943 0.037 13);
    --color-brand-watermelon-200: oklch(0.9 0.067 13);
    --color-brand-watermelon-300: oklch(0.83 0.122 13);
    --color-brand-watermelon-400: oklch(0.756 0.188 13);
    --color-brand-watermelon-500: oklch(0.641 0.244 13);
    --color-brand-watermelon-600: oklch(0.563 0.24 13);
    --color-brand-watermelon-700: oklch(0.518 0.221 13);
    --color-brand-watermelon-800: oklch(0.456 0.194 13);
    --color-brand-watermelon-900: oklch(0.404 0.172 13);
    --color-brand-watermelon-950: oklch(0.259 0.11 13);

    /* Palette: bright */
    --color-color-3-50: oklch(0.92 0.159 84);
    --color-amber-25: #fff8e7;
    --color-amber-50: oklch(0.98 0.018 84);
    --color-amber-100: oklch(0.936 0.059 84);
    --color-amber-200: oklch(0.887 0.108 84);
    --color-amber-300: oklch(0.805 0.186 84);
    --color-amber-400: oklch(0.713 0.165 84);
    --color-amber-500: oklch(0.612 0.141 84);
    --color-amber-600: oklch(0.545 0.126 84);
    --color-amber-700: oklch(0.502 0.116 84);
    --color-amber-800: oklch(0.442 0.102 84);
    --color-amber-900: oklch(0.391 0.09 84);
    --color-amber-950: oklch(0.251 0.058 84);
    --color-green-50: oklch(0.979 0.018 125);
    --color-green-100: oklch(0.931 0.059 125);
    --color-green-200: oklch(0.877 0.108 125);
    --color-green-300: oklch(0.79 0.186 125);
    --color-green-400: oklch(0.699 0.165 125);
    --color-green-500: oklch(0.601 0.141 125);
    --color-green-600: oklch(0.535 0.126 125);
    --color-green-700: oklch(0.492 0.116 125);
    --color-green-800: oklch(0.433 0.102 125);
    --color-green-900: oklch(0.384 0.09 125);
    --color-green-950: oklch(0.246 0.058 125);
    --color-yellow-50: oklch(0.982 0.016 70);
    --color-yellow-100: oklch(0.941 0.054 70);
    --color-yellow-200: oklch(0.895 0.098 70);
    --color-yellow-300: oklch(0.823 0.173 70);
    --color-yellow-400: oklch(0.718 0.165 70);
    --color-yellow-500: oklch(0.617 0.141 70);
    --color-yellow-600: oklch(0.549 0.126 70);
    --color-yellow-700: oklch(0.506 0.116 70);
    --color-yellow-800: oklch(0.445 0.102 70);
    --color-yellow-900: oklch(0.394 0.09 70);
    --color-yellow-950: oklch(0.253 0.058 70);

    /* Palette: gray */
    --color-cool-50: oklch(0.98 0.01 260);
    --color-cool-100: oklch(0.935 0.011 260);
    --color-cool-200: oklch(0.885 0.011 260);
    --color-cool-300: oklch(0.802 0.011 260);
    --color-cool-400: oklch(0.71 0.011 260);
    --color-cool-500: oklch(0.61 0.011 260);
    --color-cool-600: oklch(0.543 0.011 260);
    --color-cool-700: oklch(0.5 0.011 260);
    --color-cool-800: oklch(0.44 0.011 260);
    --color-cool-900: oklch(0.39 0.011 260);
    --color-cool-950: oklch(0.25 0.011 260);
    --color-neutral-50: oklch(0.98 0 260);
    --color-neutral-100: oklch(0.935 0 260);
    --color-neutral-200: oklch(0.885 0 260);
    --color-neutral-300: oklch(0.802 0 260);
    --color-neutral-400: oklch(0.71 0 260);
    --color-neutral-500: oklch(0.61 0 260);
    --color-neutral-600: oklch(0.543 0 260);
    --color-neutral-700: oklch(0.5 0 260);
    --color-neutral-800: oklch(0.44 0 260);
    --color-neutral-900: oklch(0.39 0 260);
    --color-neutral-950: oklch(0.25 0 260);
    --color-warm-50: oklch(0.981 0.011 40);
    --color-warm-100: oklch(0.936 0.011 40);
    --color-warm-200: oklch(0.886 0.011 40);
    --color-warm-300: oklch(0.803 0.011 40);
    --color-warm-400: oklch(0.711 0.011 40);
    --color-warm-500: oklch(0.611 0.011 40);
    --color-warm-600: oklch(0.544 0.011 40);
    --color-warm-700: oklch(0.501 0.011 40);
    --color-warm-800: oklch(0.441 0.011 40);
    --color-warm-900: oklch(0.391 0.011 40);
    --color-warm-950: oklch(0.251 0.011 40);

    /* Palette: ux */
    --color-blue-50: oklch(0.98 0.01 259);
    --color-blue-100: oklch(0.935 0.033 259);
    --color-blue-200: oklch(0.886 0.06 259);
    --color-blue-300: oklch(0.804 0.106 259);
    --color-blue-400: oklch(0.715 0.158 259);
    --color-blue-500: oklch(0.621 0.217 259);
    --color-blue-600: oklch(0.55 0.201 259);
    --color-blue-700: oklch(0.507 0.185 259);
    --color-blue-800: oklch(0.446 0.163 259);
    --color-blue-900: oklch(0.395 0.144 259);
    --color-blue-950: oklch(0.253 0.092 259);
    --color-emerald-50: oklch(0.979 0.01 150);
    --color-emerald-100: oklch(0.931 0.033 150);
    --color-emerald-200: oklch(0.878 0.06 150);
    --color-emerald-300: oklch(0.79 0.107 150);
    --color-emerald-400: oklch(0.692 0.161 150);
    --color-emerald-500: oklch(0.575 0.216 150);
    --color-emerald-600: oklch(0.512 0.193 150);
    --color-emerald-700: oklch(0.471 0.177 150);
    --color-emerald-800: oklch(0.415 0.156 150);
    --color-emerald-900: oklch(0.368 0.138 150);
    --color-emerald-950: oklch(0.236 0.089 150);
    --color-green-50: oklch(0.979 0.01 141);
    --color-green-100: oklch(0.932 0.033 141);
    --color-green-200: oklch(0.879 0.06 141);
    --color-green-300: oklch(0.791 0.107 141);
    --color-green-400: oklch(0.694 0.161 141);
    --color-green-500: oklch(0.586 0.222 141);
    --color-green-600: oklch(0.522 0.198 141);
    --color-green-700: oklch(0.481 0.182 141);
    --color-green-800: oklch(0.423 0.16 141);
    --color-green-900: oklch(0.375 0.142 141);
    --color-green-950: oklch(0.24 0.091 141);
    --color-indigo-50: oklch(0.98 0.01 280);
    --color-indigo-100: oklch(0.937 0.033 280);
    --color-indigo-200: oklch(0.888 0.06 280);
    --color-indigo-300: oklch(0.809 0.105 280);
    --color-indigo-400: oklch(0.722 0.157 280);
    --color-indigo-500: oklch(0.631 0.214 280);
    --color-indigo-600: oklch(0.56 0.201 280);
    --color-indigo-700: oklch(0.515 0.185 280);
    --color-indigo-800: oklch(0.454 0.163 280);
    --color-indigo-900: oklch(0.402 0.144 280);
    --color-indigo-950: oklch(0.258 0.092 280);
    --color-orange-50: oklch(0.981 0.01 37);
    --color-orange-100: oklch(0.939 0.033 37);
    --color-orange-200: oklch(0.892 0.06 37);
    --color-orange-300: oklch(0.813 0.107 37);
    --color-orange-400: oklch(0.727 0.161 37);
    --color-orange-500: oklch(0.634 0.224 37);
    --color-orange-600: oklch(0.565 0.201 37);
    --color-orange-700: oklch(0.52 0.185 37);
    --color-orange-800: oklch(0.458 0.163 37);
    --color-orange-900: oklch(0.406 0.144 37);
    --color-orange-950: oklch(0.26 0.092 37);
    --color-pink-50: oklch(0.982 0.01 0);
    --color-pink-100: oklch(0.94 0.033 0);
    --color-pink-200: oklch(0.893 0.06 0);
    --color-pink-300: oklch(0.816 0.107 0);
    --color-pink-400: oklch(0.731 0.161 0);
    --color-pink-500: oklch(0.639 0.224 0);
    --color-pink-600: oklch(0.569 0.201 0);
    --color-pink-700: oklch(0.524 0.185 0);
    --color-pink-800: oklch(0.461 0.163 0);
    --color-pink-900: oklch(0.409 0.144 0);
    --color-pink-950: oklch(0.262 0.092 0);
    --color-purple-50: oklch(0.981 0.01 293);
    --color-purple-100: oklch(0.938 0.033 293);
    --color-purple-200: oklch(0.889 0.06 293);
    --color-purple-300: oklch(0.81 0.107 293);
    --color-purple-400: oklch(0.725 0.161 293);
    --color-purple-500: oklch(0.635 0.224 293);
    --color-purple-600: oklch(0.564 0.201 293);
    --color-purple-700: oklch(0.519 0.185 293);
    --color-purple-800: oklch(0.457 0.163 293);
    --color-purple-900: oklch(0.405 0.144 293);
    --color-purple-950: oklch(0.26 0.092 293);
    --color-red-50: oklch(0.982 0.01 23);
    --color-red-100: oklch(0.941 0.033 23);
    --color-red-200: oklch(0.894 0.06 23);
    --color-red-300: oklch(0.816 0.107 23);
    --color-red-400: oklch(0.729 0.161 23);
    --color-red-500: oklch(0.637 0.224 23);
    --color-red-600: oklch(0.568 0.201 23);
    --color-red-700: oklch(0.523 0.185 23);
    --color-red-800: oklch(0.46 0.163 23);
    --color-red-900: oklch(0.408 0.144 23);
    --color-red-950: oklch(0.261 0.092 23);
    --color-watermelon-50: oklch(0.982 0.01 13);
    --color-watermelon-100: oklch(0.941 0.033 13);
    --color-watermelon-200: oklch(0.895 0.06 13);
    --color-watermelon-300: oklch(0.816 0.107 13);
    --color-watermelon-400: oklch(0.73 0.161 13);
    --color-watermelon-500: oklch(0.639 0.224 13);
    --color-watermelon-600: oklch(0.569 0.201 13);
    --color-watermelon-700: oklch(0.524 0.185 13);
    --color-watermelon-800: oklch(0.461 0.163 13);
    --color-watermelon-900: oklch(0.408 0.144 13);
    --color-watermelon-950: oklch(0.262 0.092 13);
  }
}