:root {
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --color-brand: #059669;
    --color-brand-dark: #047857;
    --color-brand-light: #d1fae5;
    --color-text-strong: #111827;
    --color-border-light2: #f3f4f6;
    --color-warning: #b45309;
    --color-warning-bg: #fffbeb;
    --color-success: #16a34a;
    --color-success-bg: #f0fdf4;
    --color-bg: #ffffff;
    --color-surface: #f8f9fa;
    --color-text: #212529;
    --color-text-muted: #6c757d;
    --color-text-light: #bbb;
    --color-border: #dee2e6;
    --color-border-light: #F2F2F2;
    --color-bg-hover: #FAFAFA;
    --color-bg-surface-white: #ffffff;
    --font-size-sm: 0.82rem;
    --font-size-xs: 0.68rem;
    --color-primary: #0d6efd;
    --color-primary-hover: #0b5ed7;
    --color-danger: #DC2626;
    --color-danger-bg: #FEF2F2;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --transition-base: all 0.12s ease;
}

body {
    font-family: var(--font-family-base);
}

.btn-brand {
    background-color: var(--color-brand);
    border-color: var(--color-brand);
    color: #fff;
}

    .btn-brand:hover {
        background-color: #047857;
        border-color: #047857;
        color: #fff;
    }