/**
 * Boreal — rofi whole-swap (themes/<slug>/rofi.rasi).
 * The base theme: a frosted aurora panel used by every menu (and, as a
 * list, the fallback launcher). The app launcher reshapes this into a
 * grid via themes/boreal/launcher.rasi, which @imports this file. The
 * `configuration {}` block is omitted on purpose — it comes from
 * modules/home/rofi.nix. Element structure mirrors the generated theme
 * so the theme-grid picker's per-invocation -theme-str still lays out.
 */

* {
    base:      #21272F;
    glassBg:   #21272FE6;
    surface:   #303A46;
    overlay:   #404D5C;
    text:      #D3DAE0;
    subtext:   #97A3B2;
    muted:     #5E6A78;
    accent:    #B79BE8;
    accentAlt: #86C7C0;
    accentSoft: #B79BE83B;
    frostEdge: #86C7C05C;

    font: "GeistMono Nerd Font 11";
    background-color: transparent;
    text-color: @text;
}

window {
    background-color: @glassBg;
    border: 1px;
    border-color: @frostEdge;
    border-radius: 14px;
    width: 620px;
    location: center;
    anchor: center;
    padding: 16px;
}

mainbox {
    background-color: transparent;
    children: [ inputbar, message, listview ];
    spacing: 12px;
}

inputbar {
    children: [ prompt, entry ];
    background-color: @surface;
    text-color: @text;
    border-radius: 10px;
    padding: 12px 16px;
    spacing: 10px;
}

prompt { text-color: @accent; }

entry {
    text-color: @text;
    cursor: text;
    placeholder: "Search…";
    placeholder-color: @muted;
}

listview {
    background-color: transparent;
    columns: 1;
    lines: 8;
    dynamic: true;
    scrollbar: true;
    spacing: 6px;
    padding: 4px 0px 0px 0px;
}

element {
    background-color: transparent;
    text-color: @text;
    orientation: horizontal;
    border-radius: 10px;
    padding: 10px 14px;
    spacing: 12px;
}

element normal.normal,
element alternate.normal {
    background-color: transparent;
}

/* Selected row lifts on a soft aurora-violet wash. */
element selected.normal {
    background-color: @accentSoft;
    text-color: @text;
}

element-icon {
    background-color: transparent;
    size: 30px;
    cursor: inherit;
}

element-text {
    background-color: transparent;
    text-color: inherit;
    highlight: bold;
    vertical-align: 0.5;
}

message { padding: 0px; }

textbox {
    background-color: @surface;
    text-color: @text;
    border-radius: 10px;
    padding: 10px 14px;
}

scrollbar {
    width: 4px;
    handle-width: 4px;
    handle-color: @accent;
    background-color: @surface;
    border: 0px;
}
