/* ==========================================================================
   The brand lamp, shared by the storefront, login and admin welcome banner.
   ========================================================================== */

:root {
    --store-bulb: #fff4ba;
    --store-bulb-off: #8f8b7e;
    --store-beam-end: rgb(255 227 126 / 0);
    --store-halo-start: rgb(255 236 170 / 0.75);
    --store-halo-end: rgb(255 236 170 / 0);
}

[data-bs-theme="light"] {
    --store-glow: rgb(212 175 55 / 0.22);
    --store-beam-start: rgb(212 175 55 / 0.3);
    --store-wire: #b9b4a6;
    --store-cap: #6f6a5d;
    --store-shade-start: #e2c25a;
    --store-shade-end: #8a6a14;
}

[data-bs-theme="dark"] {
    --store-glow: rgb(212 175 55 / 0.16);
    --store-beam-start: rgb(255 227 126 / 0.2);
    --store-wire: #57574f;
    --store-cap: #3a3a35;
    --store-shade-start: #e2c25a;
    --store-shade-end: #76560a;
}

.lamp__art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.lamp__stop-a { stop-color: var(--store-shade-start); }
.lamp__stop-b { stop-color: var(--store-shade-end); }
.lamp__beam-a { stop-color: var(--store-beam-start); }
.lamp__beam-b { stop-color: var(--store-beam-end); }
.lamp__halo-a { stop-color: var(--store-halo-start); }
.lamp__halo-b { stop-color: var(--store-halo-end); }

.lamp__cord {
    stroke: var(--store-wire);
    stroke-width: 2;
}

.lamp__cap {
    fill: var(--store-cap);
}

.lamp__rim {
    fill: var(--store-shade-end);
}

.lamp__bulb {
    fill: var(--store-bulb);
    transition: fill 320ms var(--ss-ease);
}