:root {
  --rosewater: 245, 224, 220;
  --flamingo: 242, 205, 205;
  --pink: 245, 194, 231;
  --mauve: 203, 166, 247;
  --red: 243, 139, 169;
  --maroon: 235, 160, 172;
  --peach: 250, 179, 135;
  --yellow: 249, 226, 175;
  --green: 166, 227, 161;
  --teal: 148, 226, 213;
  --sky: 137, 220, 235;
  --sapphire: 116, 199, 236;
  --blue: 137, 180, 250;
  --lavender: 180, 190, 254;
  --text: 205, 214, 244;
  --subtext1: 186, 194, 222;
  --subtext0: 166, 173, 200;
  --overlay2: 147, 153, 178;
  --overlay1: 127, 132, 156;
  --overlay0: 108, 112, 134;
  --surface2: 88, 91, 112;
  --surface1: 69, 71, 90;
  --surface0: 49, 50, 68;
  --base: 30, 30, 46;
  --mantle: 24, 24, 37;
  --crust: 17, 17, 27;
  --darkercrust: 12, 12, 22;

  /* Background colors */
  --bg: rgb(var(--base));
  --bg-secondary-half: rgb(var(--darkercrust));
  --bg-secondary-1: rgb(var(--crust));
  --bg-secondary-2: rgb(var(--mantle));

  --surface-0: rgb(var(--surface0));
  --surface-1: rgb(var(--surface1));
  --surface-2: rgb(var(--surface2));

  --overlay-0: rgb(var(--overlay0));
  --overlay-1: rgb(var(--overlay1));
  --overlay-2: rgb(var(--overlay2));

  /* Typography */
  --body: rgb(var(--text));
  --headline: rgb(var(--text));
  --sub-headline: rgb(var(--subtext0));
  --label: rgb(var(--subtext0));
  --subtle: rgb(var(--overlay1));
  --links: rgb(var(--blue));
  --links-transparent: rgba(var(--blue), 0.35);
  --links-semitransparent: rgba(var(--blue), 0.45);
  --links-ultratransparent: rgba(var(--blue), 0.15);
  --success: rgb(var(--green));
  --warning: rgb(var(--yellow));
  --error: rgb(var(--red));
  --error-transparent: rgba(var(--red), 0.35);
  --tag: rgb(var(--blue));
  --pill: rgb(var(--blue));
  --sel-bg: rgba(var(--surface2), 0.4);
  --cursor: rgb(var(--rosewater));
  --dm: rgb(var(--teal));
}