:root {
    --color-primary: #111111;
    --color-secondary: #ffffff;
    --color-text: #1f2937;
    --color-muted: #6b7280;
    --color-background: #f7f7f5;
    --color-surface: #ffffff;
    --color-border: #e5e7eb;
    --color-accent: #0f766e;
    --color-danger: #b91c1c;
    --color-success: #047857;
    --container-width: 1120px;
    --radius-small: 8px;
    --radius-medium: 16px;
    --shadow-card: 0 10px 30px rgb(0 0 0 / 8%);
    --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --space: clamp(1rem, 2vw, 2rem);
    --header-height: 4rem;
}