/* Medge design tokens — shared by the website and the video studio */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;600;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");

:root {
  --bg: #04020a;
  --bg-2: #0a0614;
  --surface: rgba(255, 255, 255, 0.035);
  --surface-2: rgba(255, 255, 255, 0.06);
  --line: rgba(214, 160, 255, 0.14);
  --line-strong: rgba(214, 160, 255, 0.32);
  --text: #f4ecff;
  --text-2: #b9a9cf;
  --text-3: #7d6f92;

  --brand: #850083;          /* Medge logo purple */
  --neon: #d23cff;           /* glowing brand */
  --neon-2: #ff4fd8;
  --cyan: #22e1ff;
  --amber: #ffb547;          /* Ollie's goggles */
  --green: #2ee6a6;
  --red: #ff4d6d;

  --grad: linear-gradient(110deg, #ff4fd8 0%, #d23cff 35%, #7c5cff 65%, #22e1ff 100%);
  --glow: 0 0 24px rgba(210, 60, 255, 0.45), 0 0 80px rgba(210, 60, 255, 0.18);

  --f-display: "Unbounded", "Inter", system-ui, sans-serif;
  --f-body: "Inter", system-ui, -apple-system, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --r: 18px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}