/**
 * Kiln — rofi whole-swap (themes/<slug>/rofi.rasi).
 * The base theme: a solid warm clay panel lit by ember-copper edge glow —
 * no frost, no glass, a potter's workbench at night. Element structure
 * mirrors the generated theme so the theme-grid picker's per-invocation
 * -theme-str still lays out. The `configuration {}` block is omitted on
 * purpose — it comes from modules/home/rofi.nix.
 */

* {
    base:       #1D1815;
    panelBg:    #1D1815F2;
    surface:    #2C241E;
    overlay:    #41362D;
    text:       #EADFD3;
    subtext:    #B5A695;
    muted:      #77685A;
    accent:     #D68C5C;
    accentAlt:  #C8A94E;
    accentEdge: #D68C5C66;
    accentWash: #D68C5C33;

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

window {
    background-color: @panelBg;
    border: 1px;
    border-color: @accentEdge;
    border-radius: 8px;
    width: calc( 84ch min 65% );
    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: 8px;
    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: 8px;
    padding: 10px 14px;
    spacing: 12px;
}

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

/* Selected row lifts on a soft ember-copper wash. */
element selected.normal {
    background-color: @accentWash;
    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: 8px;
    padding: 10px 14px;
}

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