:root{--color-dark: #323330;--color-accent-yellow: #f0db4f;--color-primary-green: #004643;--color-accent-red: #e16162;--color-light-blue: #ebf2fa;--color-white: #ffffff;--color-black: #000000;--font-heading: "Outfit", sans-serif;--font-body: "Space Grotesk", monospace;--border-thick: 3px solid var(--border-color);--border-thin: 1px solid var(--border-color);--radius-raw: 0px;--radius-soft: 4px;--pattern-dots: radial-gradient(var(--pattern-color) 1px, transparent 1px);--pattern-lines: repeating-linear-gradient(45deg, var(--pattern-color), var(--pattern-color) 2px, transparent 2px, transparent 10px);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--shadow-hard: 4px 4px 0px var(--shadow-color);--shadow-hard-lg: 8px 8px 0px var(--shadow-color);--bg-page: var(--color-white);--bg-card: var(--color-white);--bg-contrast: var(--color-dark);--bg-surface-alt: var(--color-light-blue);--text-primary: var(--color-dark);--text-inverse: var(--color-white);--text-on-accent: var(--color-dark);--bg-action-primary: var(--color-primary-green);--text-on-action: var(--color-white);--border-color: var(--color-dark);--shadow-color: var(--color-dark);--pattern-color: var(--color-dark)}body[data-theme=dark]{--bg-page: var(--color-dark);--bg-card: #2a2b28;--bg-contrast: var(--color-light-blue);--bg-surface-alt: #252525;--text-primary: var(--color-light-blue);--text-inverse: var(--color-dark);--text-on-accent: var(--color-dark);--bg-action-primary: var(--color-accent-yellow);--text-on-action: var(--color-dark);--border-color: var(--color-light-blue);--shadow-color: var(--color-black);--pattern-color: var(--color-light-blue)}