:root {
  --gafai-navy-950: #031127;
  --gafai-navy-900: #071d3f;
  --gafai-navy-800: #0f2e63;
  --gafai-cyan: #2fd8ff;
  --gafai-violet: #7b5dff;
  --gafai-gold: #d2a44e;
  --gafai-gold-deep: #ad7e2f;
  --gafai-surface: #f6f8fc;
  --gafai-surface-strong: #ffffff;
  --gafai-border: #d9e3f0;
  --gafai-text-primary: #122847;
  --gafai-text-secondary: #304e73;
  --gafai-text-muted: #5a6f90;
  --gafai-radius-xl: 20px;
  --gafai-radius-lg: 14px;
  --gafai-radius-md: 10px;
  --gafai-shadow-card: 0 16px 32px rgba(5, 20, 44, 0.08);
  --gafai-shadow-panel: 0 30px 70px rgba(0, 0, 0, 0.35);
  --gafai-space-1: 4px;
  --gafai-space-2: 8px;
  --gafai-space-3: 12px;
  --gafai-space-4: 16px;
  --gafai-space-5: 20px;
  --gafai-space-6: 24px;
  --gafai-space-7: 32px;
  --gafai-space-8: 40px;
}

.gafai-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}