:root {
    /* Catppuccin Mocha */
    --bg-base:      #1e1e2e;
    --bg-mantle:    #181825;
    --bg-crust:     #11111b;
    --bg-surface0:  #313244;
    --bg-surface1:  #45475a;
    --bg-surface2:  #585b70;
    --bg-overlay0:  #6c7086;

    --text:         #cdd6f4;
    --subtext1:     #bac2de;
    --subtext0:     #a6adc8;

    --blue:         #89b4fa;
    --lavender:     #b4befe;
    --sapphire:     #74c7ec;
    --sky:          #89dceb;
    --teal:         #94e2d5;
    --green:        #a6e3a1;
    --mauve:        #cba6f7;

    /* Semantic aliases */
    --bg-color:              var(--bg-base);
    --bg-secondary:          var(--bg-mantle);
    --bg-tertiary:           var(--bg-crust);
    --text-color-primary:    var(--text);
    --text-color-secondary:  var(--subtext1);
    --text-color-tertiary:   var(--subtext0);
    --text-color-muted:      var(--bg-overlay0);
    --border-color-primary:  var(--bg-surface1);
    --border-color-secondary: var(--bg-surface0);
    --element-bg-color-1:    var(--bg-mantle);
    --element-bg-color-2:    var(--bg-surface0);
    --accent:                var(--blue);
    --accent-secondary:      var(--lavender);
}