/**
 * Kiln Clay — rofi whole-swap (themes/<slug>/rofi.rasi).
 * The base theme: the same solid clay panel as Kiln, lit by midday
 * terracotta edge glow instead of ember-copper — cream plaster, not
 * frost or glass. 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:       #F4EDE3;
    panelBg:    #F4EDE3F5;
    surface:    #EAE1D3;
    overlay:    #B1A28E;
    text:       #39302A;
    subtext:    #5D5142;
    muted:      #877867;
    accent:     #A34F1F;
    accentAlt:  #75621A;
    accentEdge: #A34F1F59;
    accentWash: #A34F1F33;

    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 terracotta 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;
}