@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

:root {
    --color-bg: #f2f3ee;
    --color-surface: #ffffff;
    --color-surface-elevated: #f7f8f4;
    --color-border: #d2d7c6;
    --color-border-active: #b0b89a;
    --color-text: #1f2318;
    --color-text-muted: #5e6652;
    --color-text-subtle: #8b9478;
    --color-accent: #9CB028;
    --color-accent-muted: #839417;
    --color-success: #16a34a;
    --color-error: #dc2626;

    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    --radius: 8px;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: var(--font-display);
    background: var(--color-bg);
    color: var(--color-text);
    background-image:
        linear-gradient(rgba(156, 176, 40, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(156, 176, 40, 0.04) 1px, transparent 1px);
    background-size: 20px 20px;
    background-position: -1px -1px;
}