@pastel-palette/tailwindcss/dist/theme-srgb.css

A comprehensive kawaii-inspired color system with OKLCH color space support, TypeScript definitions, and TailwindCSS v4 integration. Features a cute & kawaii aesthetic with soft, pastel tones.

/* This file is auto-generated by Pastel Palette for Tailwind v4 */
@import "tailwindcss";

/* Light mode colors (default) */
@theme {
  --color-blue: rgb(0 155 237);
  --color-pink: rgb(244 77 171);
  --color-purple: rgb(124 121 255);
  --color-green: rgb(46 175 107);
  --color-orange: rgb(218 126 30);
  --color-yellow: rgb(252 223 0);
  --color-sky: rgb(0 181 206);
  --color-red: rgb(249 66 61);
  --color-brown: rgb(193 109 69);
  --color-gray: rgb(143 143 143);
  --color-neutral: rgb(128 128 128);
  --color-black: rgb(22 22 22);
  --color-white: rgb(248 253 253);
  --color-teal: rgb(0 176 150);
  --color-cyan: rgb(0 186 187);
  --color-indigo: rgb(39 115 238);
  --color-violet: rgb(157 91 244);
  --color-lime: rgb(151 191 62);
  --color-emerald: rgb(0 168 105);
  --color-amber: rgb(212 167 62);
  --color-rose: rgb(236 61 95);
  --color-slate: rgb(106 115 122);
  --color-zinc: rgb(117 123 128);
  --color-gray1: rgb(222 222 222);
  --color-gray2: rgb(206 206 206);
  --color-gray3: rgb(190 190 190);
  --color-gray4: rgb(174 174 174);
  --color-gray5: rgb(158 158 158);
  --color-gray6: rgb(143 143 143);
  --color-gray7: rgb(128 128 128);
  --color-gray8: rgb(113 113 113);
  --color-gray9: rgb(99 99 99);
  --color-gray10: rgb(85 85 85);
  --color-text: rgb(9 12 13);
  --color-text-secondary: rgb(83 86 87);
  --color-text-tertiary: rgb(111 114 116);
  --color-text-quaternary: rgb(155 159 161);
  --color-placeholder-text: rgb(187 190 192);
  --color-border: rgb(225 229 231);
  --color-border-secondary: rgb(232 236 238);
  --color-separator: rgb(212 216 218);
  --color-link: rgb(66 163 253);
  --color-disabled-control: rgb(232 236 238);
  --color-disabled-text: rgb(219 223 224);
  --color-background: rgb(249 252 254);
  --color-background-secondary: rgb(245 249 251);
  --color-background-tertiary: rgb(242 246 248);
  --color-background-quaternary: rgb(239 242 244);
  --color-background-quinary: rgb(235 239 241);
  --color-fill: rgb(239 242 244);
  --color-fill-secondary: rgb(232 236 238);
  --color-fill-tertiary: rgb(225 229 231);
  --color-fill-quaternary: rgb(219 223 224);
  --color-material-ultra-thick: rgb(239 242 244 / 0.93);
  --color-material-thick: rgb(239 242 244 / 0.85);
  --color-material-medium: rgb(239 242 244 / 0.65);
  --color-material-thin: rgb(239 242 244 / 0.6);
  --color-material-ultra-thin: rgb(239 242 244 / 0.45);
  --color-material-opaque: rgb(239 242 244);
  --color-accent: rgb(0 154 238);
  --color-primary: rgb(0 114 223);
  --color-secondary: rgb(49 208 168);
}

/* All color variants with suffixes */
@theme {
  --color-blue-light: rgb(0 155 237);
  --color-blue-dark: rgb(0 170 244);
  --color-blue-hc: rgb(0 87 203);
  --color-blue-kawaii: rgb(123 217 255);
  --color-pink-light: rgb(244 77 171);
  --color-pink-dark: rgb(255 105 185);
  --color-pink-hc: rgb(203 0 122);
  --color-pink-kawaii: rgb(255 166 227);
  --color-purple-light: rgb(124 121 255);
  --color-purple-dark: rgb(139 141 255);
  --color-purple-hc: rgb(76 0 232);
  --color-purple-kawaii: rgb(185 192 255);
  --color-green-light: rgb(46 175 107);
  --color-green-dark: rgb(53 193 119);
  --color-green-hc: rgb(0 129 38);
  --color-green-kawaii: rgb(138 229 171);
  --color-orange-light: rgb(218 126 30);
  --color-orange-dark: rgb(239 140 36);
  --color-orange-hc: rgb(185 77 0);
  --color-orange-kawaii: rgb(255 190 126);
  --color-yellow-light: rgb(252 223 0);
  --color-yellow-dark: rgb(234 207 0);
  --color-yellow-hc: rgb(165 144 0);
  --color-yellow-kawaii: rgb(237 224 145);
  --color-sky-light: rgb(0 181 206);
  --color-sky-dark: rgb(0 195 219);
  --color-sky-hc: rgb(0 123 161);
  --color-sky-kawaii: rgb(114 232 252);
  --color-red-light: rgb(249 66 61);
  --color-red-dark: rgb(255 90 81);
  --color-red-hc: rgb(214 0 9);
  --color-red-kawaii: rgb(255 164 164);
  --color-brown-light: rgb(193 109 69);
  --color-brown-dark: rgb(209 124 84);
  --color-brown-hc: rgb(148 46 0);
  --color-brown-kawaii: rgb(251 176 142);
  --color-gray-light: rgb(143 143 143);
  --color-gray-dark: rgb(158 158 158);
  --color-gray-hc: rgb(46 46 46);
  --color-gray-kawaii: rgb(212 212 212);
  --color-neutral-light: rgb(128 128 128);
  --color-neutral-dark: rgb(144 144 144);
  --color-neutral-hc: rgb(34 34 34);
  --color-neutral-kawaii: rgb(196 196 196);
  --color-black-light: rgb(22 22 22);
  --color-black-dark: rgb(34 34 34);
  --color-black-hc: rgb(0 0 0);
  --color-black-kawaii: rgb(58 58 58);
  --color-white-light: rgb(248 253 253);
  --color-white-dark: rgb(245 245 245);
  --color-white-hc: rgb(255 255 255);
  --color-white-kawaii: rgb(255 255 255);
  --color-teal-light: rgb(0 176 150);
  --color-teal-dark: rgb(0 191 165);
  --color-teal-hc: rgb(0 121 91);
  --color-teal-kawaii: rgb(129 231 211);
  --color-cyan-light: rgb(0 186 187);
  --color-cyan-dark: rgb(0 201 201);
  --color-cyan-hc: rgb(0 131 138);
  --color-cyan-kawaii: rgb(140 235 234);
  --color-indigo-light: rgb(39 115 238);
  --color-indigo-dark: rgb(72 139 251);
  --color-indigo-hc: rgb(0 16 218);
  --color-indigo-kawaii: rgb(157 200 255);
  --color-violet-light: rgb(157 91 244);
  --color-violet-dark: rgb(173 116 255);
  --color-violet-hc: rgb(110 0 210);
  --color-violet-kawaii: rgb(218 188 255);
  --color-lime-light: rgb(151 191 62);
  --color-lime-dark: rgb(159 201 62);
  --color-lime-hc: rgb(99 147 0);
  --color-lime-kawaii: rgb(206 229 171);
  --color-emerald-light: rgb(0 168 105);
  --color-emerald-dark: rgb(29 183 122);
  --color-emerald-hc: rgb(0 126 43);
  --color-emerald-kawaii: rgb(149 230 187);
  --color-amber-light: rgb(212 167 62);
  --color-amber-dark: rgb(224 175 59);
  --color-amber-hc: rgb(183 121 0);
  --color-amber-kawaii: rgb(247 219 161);
  --color-rose-light: rgb(236 61 95);
  --color-rose-dark: rgb(246 91 114);
  --color-rose-hc: rgb(211 0 30);
  --color-rose-kawaii: rgb(255 173 181);
  --color-slate-light: rgb(106 115 122);
  --color-slate-dark: rgb(120 130 136);
  --color-slate-hc: rgb(49 60 68);
  --color-slate-kawaii: rgb(197 203 208);
  --color-zinc-light: rgb(117 123 128);
  --color-zinc-dark: rgb(132 138 143);
  --color-zinc-hc: rgb(62 67 71);
  --color-zinc-kawaii: rgb(203 206 209);
  --color-gray1-light: rgb(222 222 222);
  --color-gray1-dark: rgb(22 22 22);
  --color-gray1-hc: rgb(222 222 222);
  --color-gray1-kawaii: rgb(222 222 222);
  --color-gray2-light: rgb(206 206 206);
  --color-gray2-dark: rgb(34 34 34);
  --color-gray2-hc: rgb(206 206 206);
  --color-gray2-kawaii: rgb(206 206 206);
  --color-gray3-light: rgb(190 190 190);
  --color-gray3-dark: rgb(46 46 46);
  --color-gray3-hc: rgb(190 190 190);
  --color-gray3-kawaii: rgb(190 190 190);
  --color-gray4-light: rgb(174 174 174);
  --color-gray4-dark: rgb(58 58 58);
  --color-gray4-hc: rgb(174 174 174);
  --color-gray4-kawaii: rgb(174 174 174);
  --color-gray5-light: rgb(158 158 158);
  --color-gray5-dark: rgb(72 72 72);
  --color-gray5-hc: rgb(158 158 158);
  --color-gray5-kawaii: rgb(158 158 158);
  --color-gray6-light: rgb(143 143 143);
  --color-gray6-dark: rgb(85 85 85);
  --color-gray6-hc: rgb(143 143 143);
  --color-gray6-kawaii: rgb(143 143 143);
  --color-gray7-light: rgb(128 128 128);
  --color-gray7-dark: rgb(99 99 99);
  --color-gray7-hc: rgb(128 128 128);
  --color-gray7-kawaii: rgb(128 128 128);
  --color-gray8-light: rgb(113 113 113);
  --color-gray8-dark: rgb(114 114 114);
  --color-gray8-hc: rgb(113 113 113);
  --color-gray8-kawaii: rgb(113 113 113);
  --color-gray9-light: rgb(99 99 99);
  --color-gray9-dark: rgb(128 128 128);
  --color-gray9-hc: rgb(99 99 99);
  --color-gray9-kawaii: rgb(99 99 99);
  --color-gray10-light: rgb(85 85 85);
  --color-gray10-dark: rgb(143 143 143);
  --color-gray10-hc: rgb(85 85 85);
  --color-gray10-kawaii: rgb(85 85 85);
  --color-text-light: rgb(9 12 13);
  --color-text-dark: rgb(235 239 241);
  --color-text-secondary-light: rgb(83 86 87);
  --color-text-secondary-dark: rgb(171 174 176);
  --color-text-tertiary-light: rgb(111 114 116);
  --color-text-tertiary-dark: rgb(140 144 146);
  --color-text-quaternary-light: rgb(155 159 161);
  --color-text-quaternary-dark: rgb(83 86 88);
  --color-placeholder-text-light: rgb(187 190 192);
  --color-placeholder-text-dark: rgb(125 129 130);
  --color-border-light: rgb(225 229 231);
  --color-border-dark: rgb(56 59 61);
  --color-border-secondary-light: rgb(232 236 238);
  --color-border-secondary-dark: rgb(43 46 48);
  --color-separator-light: rgb(212 216 218);
  --color-separator-dark: rgb(51 54 56);
  --color-link-light: rgb(66 163 253);
  --color-link-dark: rgb(109 189 255);
  --color-disabled-control-light: rgb(232 236 238);
  --color-disabled-control-dark: rgb(36 39 40);
  --color-disabled-text-light: rgb(219 223 224);
  --color-disabled-text-dark: rgb(111 114 116);
  --color-background-light: rgb(249 252 254);
  --color-background-dark: rgb(24 27 28);
  --color-background-secondary-light: rgb(245 249 251);
  --color-background-secondary-dark: rgb(34 36 38);
  --color-background-tertiary-light: rgb(242 246 248);
  --color-background-tertiary-dark: rgb(43 46 48);
  --color-background-quaternary-light: rgb(239 242 244);
  --color-background-quaternary-dark: rgb(53 56 58);
  --color-background-quinary-light: rgb(235 239 241);
  --color-background-quinary-dark: rgb(64 67 68);
  --color-fill-light: rgb(239 242 244);
  --color-fill-dark: rgb(43 46 48);
  --color-fill-secondary-light: rgb(232 236 238);
  --color-fill-secondary-dark: rgb(56 59 60);
  --color-fill-tertiary-light: rgb(225 229 231);
  --color-fill-tertiary-dark: rgb(69 72 74);
  --color-fill-quaternary-light: rgb(219 223 224);
  --color-fill-quaternary-dark: rgb(83 86 87);
  --color-material-ultra-thick-light: rgb(239 242 244 / 0.93);
  --color-material-ultra-thick-dark: rgb(20 22 24 / 0.93);
  --color-material-thick-light: rgb(239 242 244 / 0.85);
  --color-material-thick-dark: rgb(20 22 24 / 0.85);
  --color-material-medium-light: rgb(239 242 244 / 0.65);
  --color-material-medium-dark: rgb(20 22 24 / 0.8);
  --color-material-thin-light: rgb(239 242 244 / 0.6);
  --color-material-thin-dark: rgb(20 22 24 / 0.6);
  --color-material-ultra-thin-light: rgb(239 242 244 / 0.45);
  --color-material-ultra-thin-dark: rgb(20 22 24 / 0.45);
  --color-material-opaque-light: rgb(239 242 244);
  --color-material-opaque-dark: rgb(20 22 24);
  --color-accent-light: rgb(0 154 238);
  --color-accent-dark: rgb(0 170 244);
  --color-primary-light: rgb(0 114 223);
  --color-primary-dark: rgb(75 179 255);
  --color-secondary-light: rgb(49 208 168);
  --color-secondary-dark: rgb(67 218 176);
}

@layer theme {
  :root {
    /* Dark mode overrides */
    @variant dark {
      --color-blue: rgb(0 170 244);
    --color-pink: rgb(255 105 185);
    --color-purple: rgb(139 141 255);
    --color-green: rgb(53 193 119);
    --color-orange: rgb(239 140 36);
    --color-yellow: rgb(234 207 0);
    --color-sky: rgb(0 195 219);
    --color-red: rgb(255 90 81);
    --color-brown: rgb(209 124 84);
    --color-gray: rgb(158 158 158);
    --color-neutral: rgb(144 144 144);
    --color-black: rgb(34 34 34);
    --color-white: rgb(245 245 245);
    --color-teal: rgb(0 191 165);
    --color-cyan: rgb(0 201 201);
    --color-indigo: rgb(72 139 251);
    --color-violet: rgb(173 116 255);
    --color-lime: rgb(159 201 62);
    --color-emerald: rgb(29 183 122);
    --color-amber: rgb(224 175 59);
    --color-rose: rgb(246 91 114);
    --color-slate: rgb(120 130 136);
    --color-zinc: rgb(132 138 143);
    --color-gray1: rgb(22 22 22);
    --color-gray2: rgb(34 34 34);
    --color-gray3: rgb(46 46 46);
    --color-gray4: rgb(58 58 58);
    --color-gray5: rgb(72 72 72);
    --color-gray6: rgb(85 85 85);
    --color-gray7: rgb(99 99 99);
    --color-gray8: rgb(114 114 114);
    --color-gray9: rgb(128 128 128);
    --color-gray10: rgb(143 143 143);
    --color-text: rgb(235 239 241);
    --color-text-secondary: rgb(171 174 176);
    --color-text-tertiary: rgb(140 144 146);
    --color-text-quaternary: rgb(83 86 88);
    --color-placeholder-text: rgb(125 129 130);
    --color-border: rgb(56 59 61);
    --color-border-secondary: rgb(43 46 48);
    --color-separator: rgb(51 54 56);
    --color-link: rgb(109 189 255);
    --color-disabled-control: rgb(36 39 40);
    --color-disabled-text: rgb(111 114 116);
    --color-background: rgb(24 27 28);
    --color-background-secondary: rgb(34 36 38);
    --color-background-tertiary: rgb(43 46 48);
    --color-background-quaternary: rgb(53 56 58);
    --color-background-quinary: rgb(64 67 68);
    --color-fill: rgb(43 46 48);
    --color-fill-secondary: rgb(56 59 60);
    --color-fill-tertiary: rgb(69 72 74);
    --color-fill-quaternary: rgb(83 86 87);
    --color-material-ultra-thick: rgb(20 22 24 / 0.93);
    --color-material-thick: rgb(20 22 24 / 0.85);
    --color-material-medium: rgb(20 22 24 / 0.8);
    --color-material-thin: rgb(20 22 24 / 0.6);
    --color-material-ultra-thin: rgb(20 22 24 / 0.45);
    --color-material-opaque: rgb(20 22 24);
    --color-accent: rgb(0 170 244);
    --color-primary: rgb(75 179 255);
    --color-secondary: rgb(67 218 176);
    }
  }
}


@layer theme {
  [data-contrast=low], [data-contrast=low] * {
     /* Kawaii color overrides */
     --color-blue: rgb(123 217 255);
      --color-pink: rgb(255 166 227);
      --color-purple: rgb(185 192 255);
      --color-green: rgb(138 229 171);
      --color-orange: rgb(255 190 126);
      --color-yellow: rgb(237 224 145);
      --color-sky: rgb(114 232 252);
      --color-red: rgb(255 164 164);
      --color-brown: rgb(251 176 142);
      --color-gray: rgb(212 212 212);
      --color-neutral: rgb(196 196 196);
      --color-black: rgb(58 58 58);
      --color-white: rgb(255 255 255);
      --color-teal: rgb(129 231 211);
      --color-cyan: rgb(140 235 234);
      --color-indigo: rgb(157 200 255);
      --color-violet: rgb(218 188 255);
      --color-lime: rgb(206 229 171);
      --color-emerald: rgb(149 230 187);
      --color-amber: rgb(247 219 161);
      --color-rose: rgb(255 173 181);
      --color-slate: rgb(197 203 208);
      --color-zinc: rgb(203 206 209);
      --color-gray1: rgb(222 222 222);
      --color-gray2: rgb(206 206 206);
      --color-gray3: rgb(190 190 190);
      --color-gray4: rgb(174 174 174);
      --color-gray5: rgb(158 158 158);
      --color-gray6: rgb(143 143 143);
      --color-gray7: rgb(128 128 128);
      --color-gray8: rgb(113 113 113);
      --color-gray9: rgb(99 99 99);
      --color-gray10: rgb(85 85 85);
      --color-text: rgb(15 8 16);
      --color-text-secondary: rgb(50 43 52);
      --color-text-tertiary: rgb(102 97 103);
      --color-text-quaternary: rgb(177 172 178);
      --color-placeholder-text: rgb(149 139 151);
      --color-border: rgb(214 201 212);
      --color-border-secondary: rgb(226 220 225);
      --color-separator: rgb(219 213 219);
      --color-link: rgb(183 211 250);
      --color-disabled-control: rgb(231 227 230);
      --color-disabled-text: rgb(161 157 159);
      --color-background: rgb(250 250 250);
      --color-background-secondary: rgb(250 247 248);
      --color-background-tertiary: rgb(248 244 245);
      --color-background-quaternary: rgb(246 241 242);
      --color-background-quinary: rgb(246 237 240);
      --color-fill: rgb(245 242 244);
      --color-fill-secondary: rgb(241 238 240);
      --color-fill-tertiary: rgb(237 234 236);
      --color-fill-quaternary: rgb(233 230 232);
      --color-material-ultra-thick: rgb(243 239 241 / 0.93);
      --color-material-thick: rgb(241 238 240 / 0.85);
      --color-material-medium: rgb(240 236 239 / 0.65);
      --color-material-thin: rgb(239 235 237 / 0.6);
      --color-material-ultra-thin: rgb(237 234 236 / 0.45);
      --color-material-opaque: rgb(236 233 235);
      --color-accent: rgb(49 173 237);
      --color-primary: rgb(34 163 227);
      --color-secondary: rgb(57 197 187);

     /* Kawaii dark mode overrides */
     @variant dark {
       --color-blue: rgb(11 154 217);
        --color-pink: rgb(237 104 174);
        --color-purple: rgb(132 135 245);
        --color-green: rgb(63 177 113);
        --color-orange: rgb(217 132 50);
        --color-yellow: rgb(185 169 71);
        --color-sky: rgb(0 179 203);
        --color-red: rgb(231 102 107);
        --color-brown: rgb(203 118 78);
        --color-gray: rgb(158 158 158);
        --color-neutral: rgb(143 143 143);
        --color-black: rgb(99 99 99);
        --color-white: rgb(238 238 238);
        --color-teal: rgb(47 189 167);
        --color-cyan: rgb(63 192 192);
        --color-indigo: rgb(107 155 235);
        --color-violet: rgb(175 140 235);
        --color-lime: rgb(159 185 114);
        --color-emerald: rgb(87 188 138);
        --color-amber: rgb(206 172 100);
        --color-rose: rgb(243 121 134);
        --color-slate: rgb(153 159 164);
        --color-zinc: rgb(159 162 164);
        --color-gray1: rgb(22 22 22);
        --color-gray2: rgb(34 34 34);
        --color-gray3: rgb(46 46 46);
        --color-gray4: rgb(58 58 58);
        --color-gray5: rgb(72 72 72);
        --color-gray6: rgb(85 85 85);
        --color-gray7: rgb(99 99 99);
        --color-gray8: rgb(114 114 114);
        --color-gray9: rgb(128 128 128);
        --color-gray10: rgb(143 143 143);
        --color-text: rgb(242 236 243);
        --color-text-secondary: rgb(209 204 210);
        --color-text-tertiary: rgb(161 156 162);
        --color-text-quaternary: rgb(116 112 117);
        --color-placeholder-text: rgb(131 126 132);
        --color-border: rgb(48 45 47);
        --color-border-secondary: rgb(35 33 34);
        --color-separator: rgb(43 40 42);
        --color-link: rgb(196 224 255);
        --color-disabled-control: rgb(28 26 27);
        --color-disabled-text: rgb(101 98 100);
        --color-background: rgb(33 31 32);
        --color-background-secondary: rgb(36 33 35);
        --color-background-tertiary: rgb(39 36 38);
        --color-background-quaternary: rgb(42 39 41);
        --color-background-quinary: rgb(45 42 44);
        --color-fill: rgb(36 34 36);
        --color-fill-secondary: rgb(41 39 40);
        --color-fill-tertiary: rgb(46 44 45);
        --color-fill-quaternary: rgb(51 49 50);
        --color-material-ultra-thick: rgb(14 12 13 / 0.93);
        --color-material-thick: rgb(13 11 12 / 0.85);
        --color-material-medium: rgb(12 10 11 / 0.8);
        --color-material-thin: rgb(11 9 11 / 0.6);
        --color-material-ultra-thin: rgb(10 8 10 / 0.45);
        --color-material-opaque: rgb(10 8 9);
        --color-accent: rgb(28 160 224);
        --color-primary: rgb(44 170 234);
        --color-secondary: rgb(67 204 194);
     }
   }
}

@layer theme {
 [data-contrast=high], [data-contrast=high] * {
     /* High contrast color overrides */
     --color-blue: rgb(0 87 203);
      --color-pink: rgb(203 0 122);
      --color-purple: rgb(76 0 232);
      --color-green: rgb(0 129 38);
      --color-orange: rgb(185 77 0);
      --color-yellow: rgb(165 144 0);
      --color-sky: rgb(0 123 161);
      --color-red: rgb(214 0 9);
      --color-brown: rgb(148 46 0);
      --color-gray: rgb(46 46 46);
      --color-neutral: rgb(34 34 34);
      --color-black: rgb(0 0 0);
      --color-white: rgb(255 255 255);
      --color-teal: rgb(0 121 91);
      --color-cyan: rgb(0 131 138);
      --color-indigo: rgb(0 16 218);
      --color-violet: rgb(110 0 210);
      --color-lime: rgb(99 147 0);
      --color-emerald: rgb(0 126 43);
      --color-amber: rgb(183 121 0);
      --color-rose: rgb(211 0 30);
      --color-slate: rgb(49 60 68);
      --color-zinc: rgb(62 67 71);
      --color-gray1: rgb(222 222 222);
      --color-gray2: rgb(206 206 206);
      --color-gray3: rgb(190 190 190);
      --color-gray4: rgb(174 174 174);
      --color-gray5: rgb(158 158 158);
      --color-gray6: rgb(143 143 143);
      --color-gray7: rgb(128 128 128);
      --color-gray8: rgb(113 113 113);
      --color-gray9: rgb(99 99 99);
      --color-gray10: rgb(85 85 85);
      --color-text: rgb(0 8 8);
      --color-text-secondary: rgb(22 37 37);
      --color-text-tertiary: rgb(59 75 76);
      --color-text-quaternary: rgb(104 116 117);
      --color-placeholder-text: rgb(90 102 103);
      --color-border: rgb(176 194 195);
      --color-border-secondary: rgb(199 208 208);
      --color-separator: rgb(192 201 202);
      --color-link: rgb(0 86 119);
      --color-disabled-control: rgb(152 160 161);
      --color-disabled-text: rgb(122 130 130);
      --color-background: rgb(251 255 255);
      --color-background-secondary: rgb(248 251 251);
      --color-background-tertiary: rgb(241 246 246);
      --color-background-quaternary: rgb(236 241 241);
      --color-background-quinary: rgb(231 236 236);
      --color-fill: rgb(143 147 147);
      --color-fill-secondary: rgb(99 107 107);
      --color-fill-tertiary: rgb(60 68 68);
      --color-fill-quaternary: rgb(29 32 32);
      --color-material-ultra-thick: rgb(248 248 248 / 0.95);
      --color-material-thick: rgb(242 242 242 / 0.88);
      --color-material-medium: rgb(235 235 235 / 0.7);
      --color-material-thin: rgb(228 228 228 / 0.65);
      --color-material-ultra-thin: rgb(222 222 222 / 0.5);
      --color-material-opaque: rgb(238 238 238);
      --color-accent: rgb(0 86 204);
      --color-primary: rgb(0 11 218);
      --color-secondary: rgb(0 129 42);

     /* High contrast dark mode overrides */
     @variant dark {
       --color-blue: rgb(0 188 255);
        --color-pink: rgb(255 96 205);
        --color-purple: rgb(151 150 255);
        --color-green: rgb(42 213 127);
        --color-orange: rgb(255 145 0);
        --color-yellow: rgb(221 197 43);
        --color-sky: rgb(0 216 246);
        --color-red: rgb(255 87 107);
        --color-brown: rgb(235 134 86);
        --color-gray: rgb(206 206 206);
        --color-neutral: rgb(222 222 222);
        --color-black: rgb(22 22 22);
        --color-white: rgb(238 238 238);
        --color-teal: rgb(0 222 188);
        --color-cyan: rgb(0 223 225);
        --color-indigo: rgb(83 168 255);
        --color-violet: rgb(209 137 255);
        --color-lime: rgb(167 217 29);
        --color-emerald: rgb(0 217 142);
        --color-amber: rgb(249 189 1);
        --color-rose: rgb(255 109 137);
        --color-slate: rgb(185 198 208);
        --color-zinc: rgb(184 191 196);
        --color-gray1: rgb(22 22 22);
        --color-gray2: rgb(34 34 34);
        --color-gray3: rgb(46 46 46);
        --color-gray4: rgb(58 58 58);
        --color-gray5: rgb(72 72 72);
        --color-gray6: rgb(85 85 85);
        --color-gray7: rgb(99 99 99);
        --color-gray8: rgb(114 114 114);
        --color-gray9: rgb(128 128 128);
        --color-gray10: rgb(143 143 143);
        --color-text: rgb(245 249 250);
        --color-text-secondary: rgb(225 234 234);
        --color-text-tertiary: rgb(195 209 209);
        --color-text-quaternary: rgb(167 176 176);
        --color-placeholder-text: rgb(183 192 192);
        --color-border: rgb(22 37 38);
        --color-border-secondary: rgb(17 23 24);
        --color-separator: rgb(24 30 31);
        --color-link: rgb(0 242 255);
        --color-disabled-control: rgb(66 73 74);
        --color-disabled-text: rgb(93 101 101);
        --color-background: rgb(1 2 2);
        --color-background-secondary: rgb(1 3 3);
        --color-background-tertiary: rgb(2 5 5);
        --color-background-quaternary: rgb(4 7 7);
        --color-background-quinary: rgb(6 10 10);
        --color-fill: rgb(131 135 135);
        --color-fill-secondary: rgb(155 159 159);
        --color-fill-tertiary: rgb(180 184 184);
        --color-fill-quaternary: rgb(205 210 210);
        --color-material-ultra-thick: rgb(2 2 2 / 0.95);
        --color-material-thick: rgb(6 6 6 / 0.88);
        --color-material-medium: rgb(13 13 13 / 0.82);
        --color-material-thin: rgb(18 18 18 / 0.65);
        --color-material-ultra-thin: rgb(22 22 22 / 0.5);
        --color-material-opaque: rgb(11 11 11);
        --color-accent: rgb(0 188 255);
        --color-primary: rgb(77 169 255);
        --color-secondary: rgb(50 212 125);
     }
   }
}