:root {
  /* STAGIRA — Design tokens v1.0 */
  --stagira-bg-950: #06111d;
  --stagira-bg-900: #0b192c;
  --stagira-surface-850: #0f2236;
  --stagira-surface-800: #132b42;
  --stagira-border: #284763;
  --stagira-border-strong: #3b6d91;

  --stagira-text-100: #eaf5ff;
  --stagira-text-200: #d8ecff;
  --stagira-text-400: #9ebbd2;
  --stagira-text-500: #7895ad;

  --stagira-primary-300: #77c7ff;
  --stagira-primary-400: #5ab4ff;
  --stagira-primary-500: #2c9df4;
  --stagira-primary-600: #167cc4;

  --stagira-focus-400: #ffd84a;
  --stagira-success-400: #4fd7a5;
  --stagira-danger-400: #ff7f8c;

  --stagira-shadow-sm: 0 5px 14px rgba(0, 0, 0, .24);
  --stagira-shadow-md: 0 14px 38px rgba(0, 0, 0, .32);
  --stagira-shadow-brand: 0 10px 28px rgba(44, 157, 244, .22);

  --stagira-radius-sm: 8px;
  --stagira-radius-md: 14px;
  --stagira-radius-lg: 22px;
  --stagira-radius-pill: 999px;

  --stagira-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --stagira-font-display: Manrope, Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

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

  --stagira-transition: 160ms ease;
}