:root {
    --sf2-ink: #14251f;
    --sf2-muted: #5b6b65;
    --sf2-border: #d8e2dd;
    --sf2-surface: #ffffff;
    --sf2-surface-muted: #f5f8f6;
    --sf2-primary: #0f7a50;
    --sf2-primary-dark: #0d5c40;
    --sf2-primary-soft: #dff2e9;
    --sf2-danger: #bd2e32;
    --sf2-shadow: 0 12px 34px rgba(20, 37, 31, 0.09);
    --sf2-radius: 8px;
    --sf2-container: 1360px;
    --sf2-control-height: 44px;
    --sf2-space-1: 4px;
    --sf2-space-2: 8px;
    --sf2-space-3: 12px;
    --sf2-space-4: 16px;
    --sf2-space-5: 24px;
    --sf2-space-6: 32px;
    --sf2-space-7: 48px;
    --sf2-space-8: 64px;
}