:root {
    --color-bg: #f4f9f9;
    --color-surface: #ffffff;
    --color-surface-soft: #e8f2f3;
    --color-surface-accent: #ddecee;

    --color-text: #12282b;
    --color-text-muted: #486064;

    --color-border: rgba(0, 105, 124, 0.14);
    --color-border-strong: rgba(0, 105, 124, 0.28);

    --color-brand-soft: rgba(23, 141, 149, 0.14);
    --color-brand-strong: #005766;

    --color-cta: #178d95;
    --color-cta-hover: #0c6c73;
    --color-cta-text: #ffffff;
}