/* Catppuccin Mocha Walker Theme */

/* --- Palette --- */
@define-color base   rgba(220, 230, 255, 0.05);
@define-color mantle #181825;
@define-color crust  #11111b;

@define-color text       #cdd6f4;
@define-color subtext0   #a6adc8;
@define-color subtext1   #bac2de;

@define-color surface0   #313244;
@define-color surface1   #45475a;
@define-color surface2   #585b70;

@define-color overlay0   #6c7086;
@define-color overlay1   #7f849c;
@define-color overlay2   #9399b2;

@define-color blue   #89b4fa;
@define-color lavender #b4befe;
@define-color mauve  #cba6f7;
@define-color green  #a6e3a1;
@define-color red    #f38ba8;
@define-color peach  #fab387;
@define-color yellow #f9e2af;

/* --- Walker expected tokens --- */
@define-color foreground @text;
@define-color background alpha(@mantle, 0.98);
@define-color color1 @blue;

/* --- Reset --- */
#window,
#box,
#aiScroll,
#aiList,
#search,
#password,
#input,
#prompt,
#clear,
#typeahead,
#list,
child,
scrollbar,
slider,
#item,
#text,
#label,
#bar,
#sub,
#activationlabel {
    all: unset;
}

/* --- Error --- */
#cfgerr {
    background: alpha(@red, 0.4);
    margin-top: 20px;
    padding: 8px;
    font-size: 1.2em;
}

/* --- Window --- */
#window {
    color: @foreground;
}

/* --- Main container --- */
#box {
    border-radius: 6px;
    background: @background;
    padding: 32px;
    border: 1px solid @surface1;
    box-shadow:
        0 19px 38px alpha(@crust, 0.5),
        0 15px 12px alpha(@crust, 0.35);
}

/* --- Search --- */
#search {
    background: @surface0;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid @surface1;
}

#prompt {
    margin-left: 4px;
    margin-right: 12px;
    color: @overlay1;
}

#clear {
    color: @overlay2;
}

/* --- Inputs --- */
#password,
#input,
#typeahead {
    border-radius: 4px;
}

#input {
    background: none;
}

#typeahead {
    color: @subtext1;
}

#input placeholder {
    color: @overlay0;
}

/* --- List --- */
child {
    padding: 8px;
    border-radius: 4px;
}

/* Hover / Selection */
child:selected,
child:hover {
    background: alpha(@color1, 0.25);
}

/* --- Text --- */
#label {
    font-weight: 500;
}

#sub {
    color: @subtext0;
    font-size: 0.8em;
}

/* --- Activation --- */
.activation #text,
.activation #icon,
.activation #search {
    opacity: 0.5;
}

/* --- AI Panel --- */
.aiItem {
    padding: 10px;
    border-radius: 4px;
    color: @foreground;
    background: @mantle;
}

.aiItem.assistant {
    background: @surface0;
}