:root {
  --ak-night-950: #06101A;
  --ak-night-900: #0B1724;
  --ak-night-800: #102233;
  --ak-line: #1B3548;
  --ak-ice-50: #F5F8FB;
  --ak-ice-200: #C8D6E2;
  --ak-ice-400: #9FB0C0;
  --ak-cyan: #25D9D0;
  --ak-blue: #2489FF;
  --ak-violet: #7A5CFF;
  --ak-green: #6BE6A8;
  --ak-error: #FF6B64;

  /* One committed family: Archivo variable (width + weight axes).
     Display voice = Expanded Black, road-case stencil energy. */
  --ak-font-display: "Archivo", "Arial Black", sans-serif;
  --ak-font-body: "Archivo", Arial, sans-serif;

  --ak-radius-sm: 8px;
  --ak-radius-md: 12px;
  --ak-radius-lg: 18px;

  --ak-space-1: 8px;
  --ak-space-2: 12px;
  --ak-space-3: 16px;
  --ak-space-4: 24px;
  --ak-space-5: 32px;
  --ak-space-6: 48px;
  --ak-space-7: 64px;
  --ak-space-8: 96px;
  --ak-space-9: 128px;

  --ak-aurora: linear-gradient(115deg, #25D9D0 0%, #2489FF 35%, #7A5CFF 70%, #6BE6A8 100%);
}

.ak-focus:focus-visible {
  outline: 2px solid var(--ak-cyan);
  outline-offset: 3px;
}