/* UNQDesign tokens — extracted from portfolio */
:root {
  --bg: #0d0d0d;
  --bg2: #0a0a0a;
  --bg3: #141414;
  --cream: #f4f0eb;
  --white: #ffffff;
  --muted: #6b6b6b;
  --muted2: #2a2a2a;
  --gold: #c9a84c;
  --gold2: rgba(201,168,76,0.4);
  --red: #e74c3c;
  --red2: #c0392b;
  --red3: #8e2820;
  --discord: #5865f2;
  --discord2: #4752c4;

  --f-serif: 'Playfair Display', Georgia, serif;
  --f-sans: 'Space Grotesk', -apple-system, sans-serif;
  --f-mono: 'Space Mono', 'Courier New', monospace;

  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bg); color: var(--cream); font-family: var(--f-sans); -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { background: none; border: none; color: inherit; cursor: pointer; font: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--red2); color: var(--cream); }