@layer base {
    :root {
        color-scheme: light;
        --background: #f3f6f4;
        --surface: #ffffff;
        --text: #18231d;
        --muted: #617067;
        --primary: #12643a;
        --primary-hover: #0c4d2c;
        --border: #d9e2dc;
        --error: #a72d2d;
        --radius: 16px;
        --shadow: 0 20px 50px rgb(24 35 29 / 10%);
    }

    * { box-sizing: border-box; }

    body {
        min-height: 100vh;
        margin: 0;
        color: var(--text);
        background: radial-gradient(circle at top, #e2eee6 0, var(--background) 42%);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    button, input { font: inherit; }
    a { color: inherit; }
    img { display: block; }
}