:root {
    --color-accent: #f97316;
    --color-accent-hover: #ea580c;
    --color-accent-muted: #ffedd5;

    --color-bg: #ffffff;
    --color-bg-subtle: #f8fafc;
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;

    --color-text: #0f172a;
    --color-text-muted: #64748b;
    --color-text-inverse: #ffffff;

    --color-success: #16a34a;
    --color-danger: #dc2626;
    --color-warning: #d97706;

    --radius-sm: 6px;
    --radius-md: 10px;
    --space-unit: 8px;
    --font-sans: system-ui, "Segoe UI", Roboto, sans-serif;
    --shadow-card: 0 1px 3px rgb(15 23 42 / 0.06);

    --container-width: 1100px;
}