:root[theme=macchiato] {
  --macchiato-rosewater     : #f4dbd6;
  --macchiato-flamingo      : #f0c6c6;
  --macchiato-pink          : #f5bde6;
  --macchiato-mauve         : #c6a0f6;
  --macchiato-red           : #ed8796;
  --macchiato-maroon        : #ee99a0;
  --macchiato-peach         : #f5a97f;
  --macchiato-yellow        : #eed49f;
  --macchiato-green         : #a6da95;
  --macchiato-teal          : #8bd5ca;
  --macchiato-sky           : #91d7e3;
  --macchiato-sapphire      : #7dc4e4;
  --macchiato-blue          : #8aadf4;
  --macchiato-lavender      : #b7bdf8;
  --macchiato-text          : #cad3f5;
  --macchiato-subtext1      : #b8c0e0;
  --macchiato-subtext0      : #a5adcb;
  --macchiato-overlay2      : #939ab7;
  --macchiato-overlay1      : #8087a2;
  --macchiato-overlay0      : #6e738d;
  --macchiato-surface2      : #5b6078;
  --macchiato-surface1      : #494d64;
  --macchiato-surface0      : #363a4f;
  --macchiato-base          : #24273a;
  --macchiato-mantle        : #1e2030;
  --macchiato-crust         : #181926;

  --theme-fg                : var(--macchiato-text);
  --theme-bg                : var(--macchiato-base);

  --theme-cursor-fg         : var(--macchiato-crust);
  --theme-cursor-bg         : var(--macchiato-green);

  --theme-selection-fg      : var(--macchiato-text);
  --theme-selection-bg      : var(--macchiato-surface2);

  --theme-slider-active-bg  : var(--macchiato-surface2);
  --theme-slider-bg         : var(--macchiato-surface0);
  --theme-slider-hover-bg   : var(--macchiato-surface1);

  --theme-black             : var(--macchiato-surface1);
  --theme-red               : var(--macchiato-red);
  --theme-green             : var(--macchiato-green);
  --theme-yellow            : var(--macchiato-yellow);
  --theme-blue              : var(--macchiato-blue);
  --theme-magenta           : var(--macchiato-pink);
  --theme-cyan              : var(--macchiato-teal);
  --theme-white             : var(--macchiato-subtext1);

  --theme-bright-black      : var(--macchiato-surface2);
  --theme-bright-red        : var(--macchiato-red);
  --theme-bright-green      : var(--macchiato-green);
  --theme-bright-yellow     : var(--macchiato-yellow);
  --theme-bright-blue       : var(--macchiato-blue);
  --theme-bright-magenta    : var(--macchiato-pink);
  --theme-bright-cyan       : var(--macchiato-teal);
  --theme-bright-white      : var(--macchiato-subtext0);
}