/* Color palette */
:root {
--black: #000;
--white: #fff;
--red: #c1121f;
}

body {
background: var(--white);
color: var(--black);
font-family: system-ui, -apple-system, sans-serif;
position: relative;
}

h1 {
font-weight: 700;
}

.card {
border: 1px solid #ddd;
}

.btn-accent {
background: var(--black);
color: var(--white);
border: none;
}

.btn-accent:hover {
background: var(--red);
}

/* Subtle polka-dot overlay */
.polka-bg {
position: fixed;
inset: 0;
background-image: radial-gradient(#000 1px, transparent 1px);
background-size: 24px 24px;
opacity: 0.03;
pointer-events: none;
}

/* Honeypot field hidden */
.hp-field {
position: absolute;
left: -9999px;
}