:root {
  --bg: #191c3b;
  --bg-deep: #02114b;
  --surface: #222546;
  --surface-raised: #2a2e55;
  --tab: #40435c;
  --tab-bottom: #3e4862;

  --text: #ffffff;
  --text-muted: #b4b8d8;

  --coral: #ff465e;
  --coral-dark: #e0334b;
  --blue: #3467ff;
  --cyan: #1dbcfc;
  --violet: #5b48ec;
  --gold: #fec735;
  --gold-dark: #e3b43b;
  --danger: #ff7a8a;

  --ring-cyan: linear-gradient(160deg, var(--cyan), var(--violet));
  --ring-gold: linear-gradient(160deg, #ffe08a, var(--gold-dark));

  --border: rgba(255, 255, 255, 0.08);

  --radius-pill: 999px;
  --radius-lg: 28px;
  --radius-md: 18px;

  --font: "Varela Round", "Arial Hebrew", system-ui, sans-serif;
  --container: 1040px;
}