:root {
  --bg-0: #14161c;
  --bg-1: #1c1f27;
  --bg-2: #242832;
  --surface: #2a2f3b;
  --border: #353a48;
  --border-strong: #4a5060;

  --text-0: #ffffff;
  --text-1: #e6e8f0;
  --text-2: #a8aec2;
  --text-3: #7a8094;

  --brand: #6b96ff;
  --brand-strong: #5784f5;
  --accent: #d9b87c;
  --danger: #ef4444;
  --success: #10b981;

  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;

  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.45);

  --ease-base: cubic-bezier(.2,.8,.2,1);

  --container: 1200px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
}