:root {
  /* Surfaces */
  --bg-0: #07080b;
  --bg-1: #0f1115;
  --bg-2: #161922;
  --bg-3: #1d2230;

  /* Borders */
  --border: #23283a;
  --border-strong: #323852;

  /* Text */
  --text-0: #f5f7fa;
  --text-1: #9aa4b2;
  --text-2: #5c6573;

  /* Brand — BTC orange → gold */
  --accent: #F7931A;
  --accent-2: #FFB74D;
  --accent-3: #FFD98A;

  /* Semantic */
  --success: #22c55e;
  --danger: #ef4444;
  --warn: #f59e0b;

  /* Radii */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* Type */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Gradients & shadows */
  --grad-accent: linear-gradient(135deg, #F7931A 0%, #FFB74D 100%);
  --grad-glow:   radial-gradient(circle at 50% 50%, rgba(247,147,26,0.18), transparent 65%);
  --shadow-lg:   0 20px 60px -20px rgba(0,0,0,0.65);
  --shadow-glow: 0 10px 40px -10px rgba(247,147,26,0.45);
}