:root {
    --cf-bg: #f6f8fa;
    --cf-surface: #ffffff;
    --cf-surface-soft: #eef3f7;
    --cf-text: #1a2433;
    --cf-muted: #687789;
    --cf-border: #e2e8ee;
    --cf-primary: #2d6b9f;
    --cf-primary-dark: #215477;
    --cf-accent: #d21a4e;
    --cf-dark: #17212d;
    --cf-dark-soft: #223142;
    --cf-radius-sm: 8px;
    --cf-radius-md: 12px;
    --cf-radius-lg: 18px;
    --cf-shadow-sm: 0 4px 16px rgba(20, 35, 50, .055);
    --cf-shadow-md: 0 12px 30px rgba(20, 35, 50, .09);
    --cf-container: 1120px;
    --cf-transition: 160ms ease;
}