:root {
  /* Rose Pine 
  --base: #faf4ed;
  --surface: #fffaf3;
  --overlay: #f2e9e1;
  --muted: #9893a5;
  --subtle: #797593;
  --text: #575279;
  --love: #b4637a;
  --gold: #ea9d34;
  --rose: #d7827e;
  --pine: #286983;
  --foam: #56949f;
  --iris: #907aa9;
  --highlight-low: #f4ede8;
  --highlight-med: #dfdad9;
  --highlight-high: #cecacd; */
  /* Catppuccin */
  --base: #eff1f5;
  --surface: #e6e9ef;
  --overlay: #dce0e8;
  --highlight-low: #ccd0da;
  --highlight-med: #bcc0cc;
  --highlight-high: #acb0be;
  --muted: #6c6f85;
  --subtle: #5c5f77;
  --text: #4c4f69;
  --love: #b4637a;
  --gold: #ea9d34;
  --rose: #d7827e;
  --pine: #286983;
  --foam: #56949f;
  --iris: #8839ef;
  /* Custom */ 
  --floral-white: #fffaf3;
  /* One Dark Pro */
  --chalky: #e5c07b;
  --coral: #ef596f;
  --dark: #5c6370;
  --error: #f44747;
  --fountainBlue: #2bbac5;
  --green: #89ca78;
  --invalid: #ffffff;
  --lightDark: #7f848e;
  --lightWhite: #abb2bf;
  --malibu: #61afef;
  --purple: #d55fde;
  --whiskey: #d19a66;
  --deepRed: #be5046;
  /* Carbon Colors */
  --ui-background: #f4f4f4;
  --interactive-01: #0f62fe;
  --interactive-02: #393939;
  --danger-01: #da1e28;
  --danger-02: #fa4d56;
  --ui-01: #ffffff;
  --ui-02: #f4f4f4;
  --ui-03: #e0e0e0;
  --ui-04: #8d8d8d;
  --ui-05: #161616;
  --button-separator: #e0e0e0;
  --text-01: #161616;
  --text-02: #f4f4f4;
  --text-03: #a8a8a8;
  --text-04: #ffffff;
  --text-05: #161616;
  --text-error: #da1e28;
  --icon-01: #161616;
  --icon-02: #525252;
  --icon-03: #ffffff;
  --field-01: #ffffff;
  --field-02: #ffffff;
  --field-03: #f4f4f4;
  --error: #da1e28;
  --success: #198038;
  --warning: #f1c21b;
  --information: #0043ce;
  --focus: #0f62fe;
  --hover-01: #0353e9;
  --hover-02: #4c4c4c;
  --hover-03: #0353e9;
  --hover-text: #054ada;
  --hover-ui: #e5e5e5;
  --active-01: #002d9c;
  --active-02: #6f6f6f;
  --active-03: #002d9c;
  --active-ui: #c6c6c6;
  --selected: #e0e0e0;
  --highlight: #d0e2ff;
  --disabled-01: #ffffff;
  --disabled-02: #c6c6c6;
  --disabled-03: #8d8d8d;
  --tag-background-blue: #d0e2ff;
  --tag-color-blue: #0043ce;
  --tag-hover-blue: #b8d3ff;
  --tag-background-cyan: #bae6ff;
  --tag-color-cyan: #00539a;
  --tag-hover-cyan: #99daff;
  --tag-background-green: #a7f0ba;
  --tag-color-green: #0e6027;
  --tag-hover-green: #74e792;
  --tag-background-magenta: #ff6e8;
  --tag-color-magenta: #9f1853;
  --tag-hover-magenta: #ffbdda;
  --tag-background-purple: #e8daff;
  --tag-color-purple: #6929c4;
  --tag-hover-purple: #dcc7ff;
  --tag-background-red: #ffd7d9;
  --tag-color-red: #a2191f;
  --tag-hover-red: #ffc2c5;
  --tag-background-teal: #9ef0f0;
  --tag-color-teal: #005d5d;
  --tag-hover-teal: #57e5e5;
  --tag-background-gray: #e0e0e0;
  --tag-color-gray: #161616;
  --tag-hover-gray: #d1d1d1;
  --frame-01: rgba(0, 0, 0, 0.3);
  --frame-02: rgba(0, 0, 0, 0.2);
  --frame-03: rgba(0, 0, 0, 0.1);
  --frame-04: rgba(0, 0, 0, 0.05);
}