:root {
            --brand-primary: #D97706;
            --brand-accent: #000000;
            --brand-surface: #FFFFFF;
            --brand-canvas: #f8fafc;
            --brand-border: #e2e8f0;
            --brand-text-main: #0f172a;
            --brand-text-sub: #475569;

            --bg-canvas: #f8fafc;
            --bg-surface: #FFFFFF;
            --bg-subtle: #f1f5f9;
            --bg-hover: #e2e8f0;
            --border-hairline: #e2e8f0;
            --border-active: #cbd5e1;
            --border-strong: #D97706;
            --text-primary: #0f172a;
            --text-secondary: #475569;
            --text-muted: #64748b;
        }