:root[theme="dark"] {
  --ctp-rosewater: #f5e0dc;
  --ctp-rosewater-rgb: 245 224 220;
  --ctp-rosewater-hsl: 9.600 55.556% 91.176%;
  --ctp-flamingo: #f2cdcd;
  --ctp-flamingo-rgb: 242 205 205;
  --ctp-flamingo-hsl: 0.000 58.730% 87.647%;
  --ctp-pink: #f5c2e7;
  --ctp-pink-rgb: 245 194 231;
  --ctp-pink-hsl: 316.471 71.831% 86.078%;
  --ctp-mauve: #cba6f7;
  --ctp-mauve-rgb: 203 166 247;
  --ctp-mauve-hsl: 267.407 83.505% 80.980%;
  --ctp-red: #f38ba8;
  --ctp-red-rgb: 243 139 168;
  --ctp-red-hsl: 343.269 81.250% 74.902%;
  --ctp-maroon: #eba0ac;
  --ctp-maroon-rgb: 235 160 172;
  --ctp-maroon-hsl: 350.400 65.217% 77.451%;
  --ctp-peach: #fab387;
  --ctp-peach-rgb: 250 179 135;
  --ctp-peach-hsl: 22.957 92.000% 75.490%;
  --ctp-yellow: #f9e2af;
  --ctp-yellow-rgb: 249 226 175;
  --ctp-yellow-hsl: 41.351 86.047% 83.137%;
  --ctp-green: #a6e3a1;
  --ctp-green-rgb: 166 227 161;
  --ctp-green-hsl: 115.455 54.098% 76.078%;
  --ctp-teal: #94e2d5;
  --ctp-teal-rgb: 148 226 213;
  --ctp-teal-hsl: 170.000 57.353% 73.333%;
  --ctp-sky: #89dceb;
  --ctp-sky-rgb: 137 220 235;
  --ctp-sky-hsl: 189.184 71.014% 72.941%;
  --ctp-sapphire: #74c7ec;
  --ctp-sapphire-rgb: 116 199 236;
  --ctp-sapphire-hsl: 198.500 75.949% 69.020%;
  --ctp-blue: #89b4fa;
  --ctp-blue-rgb: 137 180 250;
  --ctp-blue-hsl: 217.168 91.870% 75.882%;
  --ctp-lavender: #b4befe;
  --ctp-lavender-rgb: 180 190 254;
  --ctp-lavender-hsl: 231.892 97.368% 85.098%;
  --ctp-text: #cdd6f4;
  --ctp-text-rgb: 205 214 244;
  --ctp-text-hsl: 226.154 63.934% 88.039%;
  --ctp-subtext1: #bac2de;
  --ctp-subtext1-rgb: 186 194 222;
  --ctp-subtext1-hsl: 226.667 35.294% 80.000%;
  --ctp-subtext0: #a6adc8;
  --ctp-subtext0-rgb: 166 173 200;
  --ctp-subtext0-hsl: 227.647 23.611% 71.765%;
  --ctp-overlay2: #9399b2;
  --ctp-overlay2-rgb: 147 153 178;
  --ctp-overlay2-hsl: 228.387 16.757% 63.725%;
  --ctp-overlay1: #7f849c;
  --ctp-overlay1-rgb: 127 132 156;
  --ctp-overlay1-hsl: 229.655 12.775% 55.490%;
  --ctp-overlay0: #6c7086;
  --ctp-overlay0-rgb: 108 112 134;
  --ctp-overlay0-hsl: 230.769 10.744% 47.451%;
  --ctp-surface2: #585b70;
  --ctp-surface2-rgb: 88 91 112;
  --ctp-surface2-hsl: 232.500 12.000% 39.216%;
  --ctp-surface1: #45475a;
  --ctp-surface1-rgb: 69 71 90;
  --ctp-surface1-hsl: 234.286 13.208% 31.176%;
  --ctp-surface0: #313244;
  --ctp-surface0-rgb: 49 50 68;
  --ctp-surface0-hsl: 236.842 16.239% 22.941%;
  --ctp-base: #1e1e2e;
  --ctp-base-rgb: 30 30 46;
  --ctp-base-hsl: 240.000 21.053% 14.902%;
  --ctp-mantle: #181825;
  --ctp-mantle-rgb: 24 24 37;
  --ctp-mantle-hsl: 240.000 21.311% 11.961%;
  --ctp-crust: #11111b;
  --ctp-crust-rgb: 17 17 27;
  --ctp-crust-hsl: 240.000 22.727% 8.627%;
  
  /* === Theme scheme  ==== */
  /* Background */
  --bg-dark: var(--ctp-crust);
  --bg-muted: var(--ctp-mantle);
  --bg-light: var(--ctp-base);
  
  /* Foreground */
  --fg-brigth: var(--ctp-text);
  --fg-muted: var(--ctp-subtext1);
  --fg-dimmer: var(--ctp-subtext0);
  
  /* Border */
  --bd-light: var(--ctp-overlay2);
  --bd-muted: var(--ctp-overlay1);
  --bd-dark: var(--ctp-overlay0);
  
  /* == Semantic == */
  /* background */
  --bg-lightness-factor: 30%;
  --sm-bg-error:      oklch(from var(--ctp-red)    var(--bg-lightness-factor) c h);
  --sm-bg-warning:    oklch(from var(--ctp-yellow) var(--bg-lightness-factor) c h);
  --sm-bg-success:    oklch(from var(--ctp-green)  var(--bg-lightness-factor) c h);
  --sm-bg-info:       oklch(from var(--ctp-sky)    var(--bg-lightness-factor) c h);
  
  /* Foreground */
  --fg-lightness-factor: 88%;
  --sm-fg-error:      oklch(from var(--ctp-red)    var(--fg-lightness-factor) c h);
  --sm-fg-warning:    oklch(from var(--ctp-yellow) var(--fg-lightness-factor) c h);
  --sm-fg-success:    oklch(from var(--ctp-green)  var(--fg-lightness-factor) c h);
  --sm-fg-info:       oklch(from var(--ctp-sky)    var(--fg-lightness-factor) c h);
  
  /* OnBackground */
  --onbg-lightness-factor: 80%;
  --sm-fg-on-error:   oklch(from var(--ctp-red)    var(--onbg-lightness-factor) c h);
  --sm-fg-on-warning: oklch(from var(--ctp-yellow) var(--onbg-lightness-factor) c h);
  --sm-fg-on-success: oklch(from var(--ctp-green)  var(--onbg-lightness-factor) c h);
  --sm-fg-on-info:    oklch(from var(--ctp-sky)    var(--onbg-lightness-factor) c h);
  
  /* Border */
  --sm-bd-error: var(--ctp-red);
  --sm-bd-warning: var(--ctp-yellow);
  --sm-bd-success: var(--ctp-green);
  --sm-bd-info: var(--ctp-sky);
}