/* Design tokens -- Signal Iris direction. Single source of truth for color/type/space/radius. */
:root {
  /* Colors */
  --mngha-bg: #0A0B12;
  --mngha-bg-raise: #0F1019;
  --mngha-surface: #14151F;
  --mngha-surface-2: #191A26;
  --mngha-ink: #F3F1F7;
  --mngha-ink-muted: #A9A8B5;
  --mngha-ink-faint: #6E6D7A;
  --mngha-accent: #3452E1;
  --mngha-accent-ink: #FFFFFF;
  --mngha-support: #B0243F;
  --mngha-slate: #5B5F6E;
  --mngha-amber: #D98A2B;
  --mngha-border: rgba(243, 241, 247, 0.08);
  --mngha-border-strong: rgba(243, 241, 247, 0.16);
  --mngha-gradient: linear-gradient(120deg, var(--mngha-support), var(--mngha-accent));

  /* Typography */
  --mngha-font-heading: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --mngha-font-body: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --mngha-font-body-ar: 'IBM Plex Sans Arabic', 'IBM Plex Sans', ui-sans-serif, sans-serif;

  /* Spacing (density 0.4 baseline; dashboards tighten via --mngha-space-scale) */
  --mngha-space-xs: 8px;
  --mngha-space-sm: 16px;
  --mngha-space-md: 20px;
  --mngha-space-lg: 48px;
  --mngha-space-xl: 96px;

  /* Radius */
  --mngha-radius-sm: 8px;
  --mngha-radius-md: 16px;
  --mngha-radius-lg: 24px;
  --mngha-radius-pill: 999px;

  --mngha-container: 1180px;
  --mngha-blur: 16px;
}