:root {
    --brand-primary: #245C3A;
    --brand-secondary: #123F3C;
    --brand-accent: #C7A84B;
    --brand-background: #F5F7F6;
    --brand-surface: #FFFFFF;
    --brand-text: #17211C;

    --brand-primary-hover: #193f28;
    --brand-primary-active: #10291a;
    --brand-primary-light: #adbeb4;
    --brand-primary-soft: #adbeb4;
    --brand-secondary-hover: #091f1e;
    --brand-secondary-soft: #a2b9b7;
    --brand-accent-hover: #b29337;
    --brand-accent-soft: #d5d2c9;
    --brand-primary-contrast-text: #ffffff;
    --brand-accent-contrast-text: #ffffff;
    --brand-secondary-contrast-text: #ffffff;
    --brand-text-secondary: #555d59;
    --brand-text-muted: #8a908d;
    --brand-text-inverse: #ffffff;
    --brand-focus-ring: color-mix(in srgb, #C7A84B 55%, transparent);

    --primary: var(--brand-primary);
    --primary-hover: var(--brand-primary-hover);
    --primary-active: var(--brand-primary-active);
    --primary-soft: var(--brand-primary-soft);
    --secondary: var(--brand-secondary);
    --secondary-hover: var(--brand-secondary-hover);
    --secondary-soft: var(--brand-secondary-soft);
    --accent: var(--brand-accent);
    --accent-hover: var(--brand-accent-hover);
    --accent-soft: var(--brand-accent-soft);
    --background: var(--brand-background);
    --surface: var(--brand-surface);
    --text: var(--brand-text);
    --text-secondary: var(--brand-text-secondary);
    --text-muted: var(--brand-text-muted);
    --text-inverse: var(--brand-text-inverse);
    --focus-ring: var(--brand-focus-ring);

    --surface-secondary: color-mix(in srgb, var(--surface) 92%, var(--text) 8%);
    --surface-muted: color-mix(in srgb, var(--background) 94%, var(--text) 6%);
    --surface-elevated: var(--surface);
    --border: color-mix(in srgb, var(--text) 14%, var(--surface) 86%);
    --border-strong: color-mix(in srgb, var(--text) 28%, var(--surface) 72%);

    --success: #15803d;
    --success-soft: #ecfdf3;
    --warning: #b45309;
    --warning-soft: #fffbeb;
    --danger: #b91c1c;
    --danger-soft: #fef2f2;
    --info: #0369a1;
    --info-soft: #eff6ff;

    --shadow-sm: 0 1px 4px rgba(16,24,32,.07);
    --shadow-md: 0 4px 20px rgba(16,24,32,.10);
    --shadow-lg: 0 12px 40px rgba(16,24,32,.14);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 22px;

    --int-primary: var(--brand-primary);
    --int-secondary: var(--brand-secondary);
    --int-accent: var(--brand-accent);
    --int-bg: var(--brand-background);
    --int-surface: var(--brand-surface);
    --int-text: var(--brand-text);
}