/* ===========================
   Neo Brutalism Design System
   =========================== */

:root {
    --nb-black: #000000;
    --nb-white: #ffffff;
    --nb-bg: #f5f0e8;
    --nb-bg-dark: #e8dfd0;
    --nb-primary: #ff6b2b;
    --nb-primary-hover: #e55a1f;
    --nb-danger: #ff4444;
    --nb-danger-hover: #cc3333;
    --nb-success: #22c55e;
    --nb-muted: #6b7280;
    --nb-border: 3px solid var(--nb-black);
    --nb-shadow: 6px 6px 0 var(--nb-black);
    --nb-shadow-sm: 4px 4px 0 var(--nb-black);
    --nb-radius: 0;
    --nb-font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
    font-family: var(--nb-font);
    margin: 0;
    padding: 0;
    background:
        radial-gradient(circle, rgba(0, 0, 0, 0.08) 1.5px, transparent 1.5px),
        linear-gradient(to bottom, var(--nb-bg), var(--nb-bg-dark));
    background-size: 25px 25px, 100% 100%;
    background-attachment: fixed;
    background-color: var(--nb-bg);
    color: var(--nb-black);
    min-height: 100vh;
}