:root {
    --cai-green: #07845f;
    --cai-green-dark: #055a40;
    --cai-green-deep: #063d2d;
    --cai-red: #e1162b;
    --cai-yellow: #fdbd12;
    --cai-white: #ffffff;
    --cai-bg: #f7faf9;
    --cai-surface: #ffffff;
    --cai-text: #13221d;
    --cai-muted: #60736b;
    --cai-border: #e1eae5;
    --cai-soft-green: #eaf7f1;
    --cai-soft-yellow: #fff8df;
    --cai-soft-red: #fff0f1;
    --cai-shadow: 0 20px 55px rgba(6, 61, 45, 0.12);
    --cai-radius-sm: 10px;
    --cai-radius: 16px;
    --cai-radius-lg: 24px;
    --cai-container: 1180px;
    --green: var(--cai-green);
    --dark: var(--cai-green-deep);
    --yellow: var(--cai-yellow);
    --red: var(--cai-red);
}