/* ╔═══════════════════════════════════════════════════════════════════╗
   ║                    HYPRARCH - Rofi Nord Theme                     ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

* {
    bg: #2e3440;
    bg-alt: #3b4252;
    fg: #eceff4;
    fg-alt: #d8dee9;
    accent: #88c0d0;
    urgent: #bf616a;

    background-color: transparent;
    text-color: @fg;

    margin: 0;
    padding: 0;
    spacing: 0;
}

window {
    location: center;
    width: 600;
    background-color: @bg;
    border: 2px;
    border-color: @accent;
    border-radius: 12px;
}

mainbox {
    children: [inputbar, listview];
}

inputbar {
    padding: 12px;
    spacing: 12px;
    children: [prompt, entry];
    background-color: @bg-alt;
}

prompt {
    text-color: @accent;
}

entry {
    placeholder: "Search...";
    placeholder-color: @fg-alt;
}

listview {
    lines: 8;
    columns: 1;
    padding: 8px 0;
    background-color: @bg;
}

element {
    padding: 8px 12px;
    spacing: 8px;
    background-color: transparent;
}

element normal.normal {
    text-color: @fg;
}

element selected.normal {
    background-color: @bg-alt;
    text-color: @accent;
}

element-icon {
    size: 1em;
    vertical-align: 0.5;
}

element-text {
    text-color: inherit;
    vertical-align: 0.5;
}