:root {
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-background: #f8fafc;
    --color-surface: #ffffff;
    --color-text-primary: #0f172a;
    --color-text-muted: #64748b;
    --color-border: #e2e8f0;
    --color-danger: #ef4444;
    --color-success: #22c55e;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-background);
    color: var(--color-text-primary);
}