:root {
    --color-brand: #7a3048;
    --color-brand-secondary: #e8b4c4;
    --color-text: #1a1a1a;
    --color-text-muted: #6b7280;
    --color-text-secondary: #4b5563;
    --color-bg: #f6f7f9;
    --color-surface: #fff;
    --color-border: #d1d5db;
    --color-border-subtle: #e5e7eb;
    --color-surface-muted: #f3f4f6;
    --color-surface-hover: #f9fafb;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-success-bg: #f0fdf4;
    --color-success-text: #166534;
    --color-warning-bg: #fefce8;
    --color-warning-text: #854d0e;
    --color-warning-border: #fde047;
    --radius: 6px;
    --radius-lg: 8px;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --font-family: system-ui, -apple-system, sans-serif;
    --max-width: 960px;
    color-scheme: light;
    font-family: var(--font-family);
    line-height: 1.5;
}

body {
    margin: 0;
    background: var(--color-bg);
    color: var(--color-text);
}

main {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 1.5rem;
}

h1 {
    margin-top: 0;
}