@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk/SpaceGrotesk%5Bwght%5D.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}:root{--color-primary: #d4af37;--color-secondary: #8e1b1b;--color-tertiary: #2e2e2e;--color-neutral: #050505;--color-primary-hover: #e6c14a;--color-primary-soft: rgba(212, 175, 55, .4);--color-primary-glow: rgba(212, 175, 55, .6);--color-secondary-hover: #a82222;--color-secondary-soft: rgba(142, 27, 27, .2);--color-secondary-strong: rgba(142, 27, 27, .5);--color-surface: var(--color-tertiary);--color-surface-raised: #3a3a3a;--color-surface-sunken: #1a1a1a;--color-foreground: #ffffff;--color-foreground-muted: #cccccc;--color-foreground-subtle: #888888;--color-foreground-faint: #555555;--color-border: #444444;--color-border-strong: #888888;--color-backdrop: rgba(5, 5, 5, .7);--color-success: #4caf50;--color-success-soft: rgba(76, 175, 80, .15);--color-success-fg: #7ddf8e;--gradient-brand: linear-gradient( 90deg, var(--color-secondary) 0%, #b85a1f 55%, var(--color-primary) 100% );--gradient-brand-hover: linear-gradient( 90deg, var(--color-secondary-hover) 0%, #d97a2a 55%, var(--color-primary-hover) 100% )}*{margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif;background:var(--color-neutral);color:var(--color-foreground)}