/* ============================================================================
   MantaOS — Design Tokens (CANONICAL)
   The single source of truth for color, type, space, radius, elevation, motion.
   Import this FIRST in any surface; everything else inherits from these vars.

   Brand blue  #2f6df6   ·   Ink  #0e1422
   Plus Jakarta Sans (UI/display)  +  JetBrains Mono (data)

   Rule: surfaces reference --mos-* tokens. Never hardcode a brand hex or font
   family in a component — change it here, it changes everywhere.
   ============================================================================ */
:root{
  /* ===== Brand blue scale ===== */
  --mos-blue-50:#eef4ff;  --mos-blue-100:#dbe7ff; --mos-blue-200:#bdd2ff; --mos-blue-300:#93b4ff;
  --mos-blue-400:#5b8bff; --mos-blue-500:#2f6df6; /* BRAND */ --mos-blue-600:#1f57db;
  --mos-blue-700:#1a46ad; --mos-blue-800:#173a8a; --mos-blue-900:#14306b;
  --mos-brand:var(--mos-blue-500);
  --mos-brand-hover:var(--mos-blue-600);

  /* ===== Ink / neutrals ===== */
  --mos-white:#ffffff;  --mos-paper:#fbfcfe;
  --mos-n-50:#f6f8fb; --mos-n-100:#eef1f6; --mos-n-200:#e3e8f0; --mos-n-300:#ccd4e0;
  --mos-n-400:#9aa5b8; --mos-n-500:#697587; --mos-n-600:#49546a;
  --mos-n-700:#313a4d; --mos-n-800:#1b2434; --mos-n-900:#0e1422; /* ink-black (text) */
  --mos-ink:var(--mos-n-900);
  --mos-muted:var(--mos-n-500);
  --mos-line:var(--mos-n-200);

  /* ===== Semantic ===== */
  --mos-ok:#16a34a;   --mos-ok-bg:#e8f6ed;
  --mos-warn:#d97706; --mos-warn-bg:#fdf2e3;
  --mos-err:#e5484d;  --mos-err-bg:#fcebec;
  --mos-info:var(--mos-blue-500); --mos-info-bg:var(--mos-blue-50);

  /* ===== Radius (logo corner ~= --mos-r-2xl on a 64px square) ===== */
  --mos-r-sm:6px; --mos-r-md:10px; --mos-r-lg:14px; --mos-r-xl:20px; --mos-r-2xl:28px; --mos-r-pill:999px;

  /* ===== Elevation (soft, blue-tinted) ===== */
  --mos-sh-xs:0 1px 2px rgba(14,20,34,.06);
  --mos-sh-sm:0 2px 10px -2px rgba(14,20,34,.08);
  --mos-sh-md:0 10px 30px -10px rgba(14,20,34,.14);
  --mos-sh-lg:0 24px 60px -16px rgba(20,40,90,.20);
  --mos-ring:0 0 0 3px rgba(47,109,246,.28);   /* focus ring */

  /* ===== Motion ===== */
  --mos-ease:cubic-bezier(.2,.7,.2,1);
  --mos-fast:120ms; --mos-base:200ms; --mos-slow:340ms;

  /* ===== Type ===== */
  --mos-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --mos-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;

  /* ===== Space (4px base grid) ===== */
  --mos-s-1:4px;  --mos-s-2:8px;  --mos-s-3:12px; --mos-s-4:16px; --mos-s-5:20px;
  --mos-s-6:24px; --mos-s-8:32px; --mos-s-10:40px; --mos-s-12:48px; --mos-s-16:64px;

  /* ===== Dark surface (data-dense Atlas-admin dashboards / monitors) ===== */
  --mos-ground:#0f1728;        /* ground */
  --mos-ground-raise:#15203a;  /* raised card on ground */
  --mos-ground-line:#1e2740;   /* hairline on ground */
  --mos-ground-accent:#5b8bff; /* brand, lifted for dark contrast */
  --mos-ground-text:#dbe3f2;
  --mos-ground-muted:#7e8aa6;

  /* ===== Brand mark (white manta on brand blue) ===== */
  --mos-logo:url("mantaos-logo.png");
}