:root {
  --color-bg-start: #0b1118;
  --color-bg-mid: #121d2b;
  --color-bg-end: #0b1118;
  --color-glow: rgba(30, 60, 110, 0.35);

  --color-surface-1: #121b26;
  --color-surface-2: #151f2b;
  --color-surface-3: #1a2533;
  --color-border: #2a3645;

  --color-text-1: #ecf2f9;
  --color-text-2: #a6b2c1;
  --color-text-3: #7d8a9b;

  --color-primary: #d2ff1f;
  --color-primary-strong: #b8e60a;
  --color-primary-soft: #e5ff6a;
  --color-primary-ink: #131a22;

  --color-danger: #ef4444;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;
}