:root {
    --orange: #ff4d00;
    --black: #050505;
    --white: #ffffff;
    --grey: #e0e0e0;
    --green: #16a34a;
    --red: #dc2626;
    --yellow: #f59e0b;
    --border: 4px solid #000;
    --border-thin: 2px solid #000;
    --shadow: 8px 8px 0 #000;
    --shadow-sm: 4px 4px 0 #000;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
    background: var(--white);
    color: var(--black);
    font-family: 'Public Sans', sans-serif;
    line-height: 1.1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main { flex: 1; }

h1, h2, h3 {
    text-transform: uppercase;
    letter-spacing: -1px;
    font-family: 'Space Grotesk', sans-serif;
}

a { color: inherit; }
a:hover { text-decoration: underline; }

.label {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}