/* Shared sky-blue palette. Use darker action blue for readable white button labels. */
:root {
    --sky-brand: #00b4dc;
    --sky-brand-rgb: 0, 180, 220;
    --sky-action: #007da3;
    --sky-action-rgb: 0, 125, 163;
    --sky-action-hover: #00627f;
    --sky-action-hover-rgb: 0, 98, 127;
    --sky-ink: #173747;
    --sky-ink-rgb: 23, 55, 71;
    --sky-muted: #526d7c;
    --sky-muted-rgb: 82, 109, 124;
    --sky-deep: #102f41;
    --sky-deep-rgb: 16, 47, 65;
    --sky-paper: #f7fbfe;
    --sky-paper-rgb: 247, 251, 254;
    --sky-surface: #ffffff;
    --sky-surface-rgb: 255, 255, 255;
    --sky-soft: #edf7fc;
    --sky-soft-rgb: 237, 247, 252;
    --sky-highlight: #e4f3fb;
    --sky-highlight-rgb: 228, 243, 251;
    --sky-line: #ccdfeb;
    --sky-line-rgb: 204, 223, 235;
    --sky-border: #9fc8db;
    --sky-border-rgb: 159, 200, 219;
    --sky-accent-soft: #b9e8f7;
    --sky-accent-soft-rgb: 185, 232, 247;
    --sky-premium: #e8f5ef;
    --sky-premium-rgb: 232, 245, 239;
    --sky-premium-line: #b5d8c6;
    --sky-premium-line-rgb: 181, 216, 198;
    --sky-premium-ink: #285e49;
    --sky-premium-ink-rgb: 40, 94, 73;
    --sky-premium-badge: #d8ecdf;
    --sky-premium-badge-rgb: 216, 236, 223;
}