/* Design tokens — ported from references/stream-swag-store-v2.html.
   Dark control-panel look: near-black surfaces, hairline borders, pink accent glow. */

:root {
  --pink: #ff2f91;
  --pink-2: #ff72ba;

  --black: #050505;
  --surface-1: #0a0a0b;
  --surface-2: #101011;
  --surface-3: #0e0e0f;

  --line: #252528;
  --line-soft: #202023;

  --text: #f5f5f5;
  --muted: #89898f;
  --muted-2: #6f6f74;

  --radius-sm: 9px;
  --radius-md: 15px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  --panel-gradient: linear-gradient(180deg, #111112, #080809);
  --pink-gradient: linear-gradient(145deg, #ff75b9, #d91b7d);
  --pink-gradient-btn: linear-gradient(180deg, #ff439d, #e61e82);

  --shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.85);
  --sheen: inset 0 1px rgba(255, 255, 255, 0.03);

  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--black);
  color: var(--text);
  font-family: var(--font-body);
}

button, input {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.pink {
  color: var(--pink);
}