:root {
    --color-bg: #F2EFE9;
    --color-text: #1A1A1A;
    --color-accent: #E8472A;
    --color-teal: #4BB8C4;
    --color-panel-dark: #1A1A1A;
    --color-panel-text: #F2EFE9;
    --color-border: rgba(26, 26, 26, 0.3);
    --color-border-solid: #1A1A1A;
}

[x-cloak] { display: none !important; }

/* LED pulse indicators — test connection modal */
@keyframes led-pulse-pass {
    0%, 100% { box-shadow: 0 0 4px 1px rgba(34, 197, 94, 0.5); }
    50%      { box-shadow: 0 0 8px 3px rgba(34, 197, 94, 0.8); }
}
@keyframes led-pulse-fail {
    0%, 100% { box-shadow: 0 0 4px 1px rgba(232, 71, 42, 0.5); }
    50%      { box-shadow: 0 0 8px 3px rgba(232, 71, 42, 0.8); }
}
.led-pass { background-color: #22c55e; animation: led-pulse-pass 2s ease-in-out infinite; }
.led-fail { background-color: #E8472A; animation: led-pulse-fail 2s ease-in-out infinite; }
.led-skip { background-color: rgba(26, 26, 26, 0.15); }