/* ============================================
   CSS Custom Properties
   ============================================ */
:root {
  --color-bg-primary: #0a0e1f;
  --color-bg-secondary: #161b2e;
  --color-bg-tertiary: #1f2539;
  --color-blade: #1a1f35;
  --color-text-primary: #e8eaed;
  --color-text-secondary: #a8afc8;
  --color-accent: #0099b8;
  --color-accent-hover: #26a6bf;
  --color-link: #4689b8;
  --color-link-hover: #6295bf;
  --color-glow-primary: #0099b8;
  --color-glow-secondary: #a855f7;
  --color-glow-tertiary: #3b82f6;

  --transition-fast: 0.3s ease-out;
  --transition-medium: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  --blur-amount: 12px;
  --content-padding: 2rem;
}