:root {
    --ca-primary: #ed8008;
    --ca-primary-hover: #c96c00;
    --ca-primary-soft: #fff4e8;

    --ca-analytic: #7bb41d;
    --ca-concept: #bdccd8;
    --ca-company: #666666;

    --ca-text: #172033;
    --ca-text-muted: #667085;
    --ca-heading: #172033;

    --ca-border: #e5e7eb;
    --ca-border-strong: #d0d5dd;

    --ca-background: #f7f8fa;
    --ca-surface: #ffffff;
    --ca-surface-muted: #f2f4f7;

    --ca-success: #3f7f12;
    --ca-warning: #a95c00;
    --ca-danger: #b42318;

    --ca-font-body:
        "Fira Sans",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    --ca-font-heading:
        "ITC Avant Garde Gothic Pro",
        "Fira Sans",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    --ca-font-size-xs: 0.75rem;
    --ca-font-size-sm: 0.875rem;
    --ca-font-size-base: 1rem;
    --ca-font-size-md: 1.125rem;
    --ca-font-size-lg: 1.375rem;
    --ca-font-size-xl: clamp(1.75rem, 3vw, 2.5rem);
    --ca-font-size-hero: clamp(2.5rem, 6vw, 5rem);

    --ca-line-height-tight: 1.12;
    --ca-line-height-heading: 1.25;
    --ca-line-height-body: 1.65;

    --ca-radius-sm: 8px;
    --ca-radius-md: 14px;
    --ca-radius-lg: 22px;
    --ca-radius-pill: 999px;

    --ca-shadow-sm:
        0 2px 8px rgba(15, 23, 42, 0.06);

    --ca-shadow-md:
        0 14px 36px rgba(15, 23, 42, 0.10);

    --ca-shadow-header:
        0 1px 0 rgba(15, 23, 42, 0.08);

    --ca-container: 1280px;
    --ca-content: 840px;
    --ca-header-height: 82px;

    --ca-gutter:
        clamp(20px, 4vw, 48px);

    --ca-section-spacing:
        clamp(64px, 8vw, 120px);

    --ca-transition:
        180ms ease;
}