:root {
  --bg: #02030a;
  --text: #f5f7ff;
  --muted: #8d93a8;
  --muted-light: #b8bed0;

  --cyan: #4de1e6;
  --blue: #58a6ff;
  --purple: #9b5cff;
  --pink: #ff4fa3;
  --orange: #ff8a1f;
  --green: #63f26d;

  --cyan-soft: rgba(77, 225, 230, 0.12);
  --border: rgba(255, 255, 255, 0.08);
  --border-cyan: rgba(77, 225, 230, 0.35);

  --glass: rgba(7, 9, 20, 0.72);
  --surface-gradient: linear-gradient(145deg, rgba(8, 10, 22, 0.92), rgba(4, 5, 13, 0.86));
  --surface-gradient-active: linear-gradient(145deg, rgba(77, 225, 230, 0.12), rgba(8, 10, 22, 0.92));
  --brand-gradient: linear-gradient(90deg, var(--cyan), var(--purple), var(--pink));

  --shadow: 0 30px 100px rgba(0, 0, 0, 0.5);
  --transition-base: all 0.25s ease;
  --radius-pill: 999px;
  --container-width: 1100px;
}