/* miniBIOTA Design Tokens - Living Lab, Through Glass */
:root {
  /* === Panel & Surface Colors === */
  --mb-bg: #f8fafc;
  --mb-panel-bg: rgba(255, 255, 255, 0.92);
  --mb-border: rgba(26, 75, 102, 0.08);
  --mb-border-hover: rgba(74, 158, 255, 0.18);

  /* === Typography Colors === */
  --mb-text: #2d3748;
  --mb-text-muted: #64748b;
  --mb-text-subtle: #94a3b8;

  /* === Spacing Scale (8px base) === */
  --mb-space-xs: 8px;
  --mb-space-sm: 12px;
  --mb-space-md: 16px;
  --mb-space-lg: 24px;
  --mb-space-xl: 32px;

  /* === Border Radius === */
  --mb-radius: 14px;
  --mb-radius-sm: 8px;
  --mb-radius-chip: 20px;

  /* === Shadows (Glass Effect) === */
  --mb-shadow: 0 4px 20px rgba(26, 75, 102, 0.06), 0 1px 4px rgba(26, 75, 102, 0.04);
  --mb-shadow-hover: 0 12px 32px rgba(26, 75, 102, 0.12), 0 4px 12px rgba(26, 75, 102, 0.06);

  /* === Chip Styles === */
  --mb-chip-border: rgba(26, 75, 102, 0.15);
  --mb-chip-border-hover: rgba(74, 158, 255, 0.3);
  --mb-chip-bg: rgba(255, 255, 255, 0.6);

  /* === Biome Accent Colors (Muted, Natural Tones) === */
  --mb-biome-default: #64748b;
  --mb-biome-lake: #3b82f6;
  --mb-biome-lakeshore: #06b6d4;
  --mb-biome-grassland: #84cc16;
  --mb-biome-mangrove: #22c55e;
  --mb-biome-mangrove-forest: #22c55e;
  --mb-biome-beach: #f59e0b;
  --mb-biome-marine-shore: #f59e0b;
  --mb-biome-seagrass: #14b8a6;
  --mb-biome-seagrass-meadow: #14b8a6;
  --mb-biome-estuary: #8b5cf6;
  --mb-biome-coral: #ec4899;

  /* === Realm Accent Colors === */
  --mb-realm-freshwater: #3b82f6;
  --mb-realm-saltwater: #0891b2;
  --mb-realm-terrestrial: #84cc16;
  --mb-realm-brackish: #8b5cf6;

  /* === Status Colors === */
  --mb-status-least-concern: #22c55e;
  --mb-status-vulnerable: #f59e0b;
  --mb-status-endangered: #f97316;
  --mb-status-critically-endangered: #ef4444;
  --mb-status-extinct: #6b7280;
  --mb-status-data-deficient: #94a3b8;
  --mb-status-removed: #6b7280;
}