:root {
    --bg: #0d0f10;
    --panel: #151819;
    --panel-soft: #1b1f21;
    --border: #32383b;
    --border-soft: #252a2d;

    --text: #d7d2c6;
    --muted: #8f938c;
    --muted-soft: #686d68;

    --accent: #b6a46f;
    --ok: #7fa37a;
    --danger: #a36f6f;

    --mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
    --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    background: var(--bg);
    color: var(--text);
    font-family: var(--sans);
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px),
        var(--bg);
    background-size: 32px 32px;
}

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

::placeholder {
    color: rgba(143, 147, 140, 0.55);
    opacity: 1;
}