* {
    highlight: bold italic;
    scrollbar: true;

    base-bg:        #1e1e2e;
    base-bg-soft:   #181825;
    base-bg-alt:    #11111b;

    base-fg:        #cdd6f4;
    base-fg-dim:    #6c7086;

    accent:         #f5c2e7;
    accent-light:   #cba6f7;
    accent-dark:    #f38ba8;

    border-gray:    #313244;

    background:                  @base-bg;
    background-color:            @background;
    foreground:                  @base-fg;
    border-color:                @border-gray;
    separatorcolor:              @border-color;
    scrollbar-handle:            @border-color;

    normal-background:           @background;
    normal-foreground:           @foreground;
    alternate-normal-background: @base-bg-soft;
    alternate-normal-foreground: @foreground;

    selected-normal-background:  @accent;
    selected-normal-foreground:  @base-bg-alt;

    active-background:           @accent;
    active-foreground:           @base-bg-alt;
    alternate-active-background: @accent;
    alternate-active-foreground: @active-foreground;

    selected-active-background:  @accent-light;
    selected-active-foreground:  @active-foreground;

    urgent-background:           @accent-dark;
    urgent-foreground:           @base-bg-alt;
    alternate-urgent-background: @accent-dark;
    alternate-urgent-foreground: @urgent-foreground;

    selected-urgent-background:  @accent-light;
    selected-urgent-foreground:  @urgent-foreground;

    padding: 6px 6px;
}

configuration {
    font: "JetBrainsMono Nerd Font 14";
    show-icons: true;
    terminal: "foot";
}

element-icon {
    size: 20px;
}

window {
    border-radius: 0px;
}