/**
 * Coldom logo palette (sampled from logo.png, logo-wordmark.png, favicon-new.png)
 *
 * Navy frame:     #103050  rgb(16, 48, 80)
 * Brand blue:     #2070B0  rgb(32, 112, 176)  — COLDOM gradient core
 * Sky blue:       #3090D0  rgb(48, 144, 208)  — icon / highlights
 * Deep blue:      #206090  rgb(32, 96, 144)
 * DOORS green:    #84C040  rgb(132, 192, 64)
 * Accent yellow:  #F0E830  rgb(240, 232, 48)  — line accents under DOORS
 * Snow white:     #F0F0F0  rgb(240, 240, 240)
 */
:root {
    --col-navy-950: #0a121c;
    --col-navy-900: #103050;
    --col-navy-800: #104070;
    --col-blue-800: #206090;
    --col-blue-700: #2070b0;
    --col-blue-600: #2080c0;
    --col-blue-500: #3090d0;
    --col-green-500: #84c040;
    --col-green-600: #6fa832;
    --col-yellow-500: #f0e830;
    --col-snow: #f0f0f0;
    --col-on-primary: #ffffff;
    --col-on-surface: #e8eef4;
    --col-muted: #9eb4c8;

    /* Semantic tokens (site-wide) */
    --cd-accent: var(--col-blue-500);
    --cd-accent-mid: var(--col-blue-700);
    --cd-accent-dim: var(--col-blue-600);
    --cd-brand: var(--col-blue-700);
    --cd-brand-dark: var(--col-navy-900);
    --cd-green: var(--col-green-500);
    --cd-yellow: var(--col-yellow-500);
    --cd-surface: #141e2e;
    --cd-surface-elevated: #1a2840;
    --cd-surface-high: #243550;
    --cd-background: var(--col-navy-950);
    --cd-text: var(--col-on-surface);
    --cd-muted: var(--col-muted);
    --cd-muted-dim: #6d8499;
    --cd-shadow-glow: 0 0 0 1px rgba(48, 144, 208, 0.18), 0 16px 48px rgba(32, 112, 176, 0.28);
}

/* Utilities */
.text-colom-blue { color: var(--col-blue-500); }
.text-colom-green { color: var(--col-green-500); }
.text-colom-yellow { color: var(--col-yellow-500); }
.bg-colom-navy { background-color: var(--col-navy-900); }
.bg-colom-green { background-color: var(--col-green-500); }