:root {
    --ink: #142f2b;
    --ink-light: #2a4a44;
    --muted: #647773;
    --line: #dce7e2;
    --green: #176b57;
    --green-dark: #0f4d3e;
    --green-light: #1e8a70;
    --mint: #dff2e9;
    --cream: #f0f6f1;
    --white: #ffffff;
    --coral: #e9785a;
    --coral-light: #fef0ec;
    --red: #dc3545;
    --red-light: #fff0f0;
    --yellow: #f0ad4e;
    --yellow-light: #fff8eb;
    --blue: #2196F3;
    --blue-light: #e8f4fd;

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 4px 16px rgba(0,0,0,0.12);

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    --max-width: 1200px;
}