/* ============================================================
   MARINER DESIGN TOKENS  (locked design system)
   These are the single source of truth for the platform's look.
   Edit values here and they propagate everywhere.
   ============================================================ */
:root {
  /* Backgrounds & surfaces */
  --bg: #fbfaf7;
  --bg-soft: #f4f2ec;
  --surface: #ffffff;

  /* Tints (used for selected rows, agent decision blocks, etc.) */
  --tint: rgba(30, 64, 175, 0.06);
  --tint-strong: rgba(30, 64, 175, 0.12);

  /* Foregrounds */
  --fg: #1a202c;
  --fg-muted: #5b6473;
  --fg-dim: #a8b0bd;

  /* Hairlines (replacing heavy borders) */
  --hair: #e6e3dc;
  --hair-strong: #d4d0c5;

  /* Accent — deep navy on light, pale-blue on dark */
  --accent: #1e40af;
  --accent-hover: #1e3a8a;
  --accent-fg: #ffffff;

  /* Semantic colors */
  --critical: #dc2626;
  --critical-bg: #fef2f2;
  --warn: #d97706;
  --warn-bg: #fffbeb;
  --info: #2563eb;
  --info-bg: #eff6ff;
  --good: #059669;
  --good-bg: #ecfdf5;

  /* Typography */
  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Radii / spacing scale (kept conservative; whitespace > borders) */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0a0e1a;
  --bg-soft: #0f1422;
  --surface: #141a2b;

  --tint: rgba(147, 197, 253, 0.08);
  --tint-strong: rgba(147, 197, 253, 0.15);

  --fg: #e6ebf3;
  --fg-muted: #94a0b3;
  --fg-dim: #5d6779;

  --hair: #1d2538;
  --hair-strong: #2b3349;

  --accent: #93c5fd;
  --accent-hover: #bfdbfe;
  --accent-fg: #0a1430;

  --critical: #f87171;
  --critical-bg: rgba(248, 113, 113, 0.1);
  --warn: #fbbf24;
  --warn-bg: rgba(251, 191, 36, 0.1);
  --info: #60a5fa;
  --info-bg: rgba(96, 165, 250, 0.1);
  --good: #34d399;
  --good-bg: rgba(52, 211, 153, 0.1);

  color-scheme: dark;
}