@layer lime {

    :host,
    :root {
        --text-color: rgba(0, 0, 0, 0.87);
        --bg-color: white;
        --control-bg-color: #fafafa;
        --border-color: rgba(0, 0, 0, 0.12);
        --hover-bg-color: #0047ba;
        --hover-fg-color: white;
        --nav-bg-color: #fafafa;
        --container-bg-color: #f5f5f5;
        --grid-border-color: #ccc;
        --focus-border-color: #ccc;
        --modal-mask-color: rgba(255, 255, 255, 0.4);
        --selected-bg-color: #005aba;
        --selected-fg-color: white;
        --disabled-fg-color: #555;
        --disabled-bg-color: #ccc;
    }
}