/* ============================================================
   VENDORED — DO NOT EDIT
   Source: C:/dev/ICGBrand/tokens/primitives.css
   Brand version: ICG Brand v1.2 (per BRAND.md section 12)
   To update: re-copy from the canonical source.  Hand-edits
   here will be lost on the next vendor refresh.
   ============================================================ */

/* ============================================================
   ICG BRAND — PRIMITIVES
   Raw scales. Components NEVER reference these directly —
   they consume the semantic layer (semantic.css) which is
   themed by theme-*.css files.
   ============================================================ */
:root {
  /* ----- Navy — the shared brand spine, used on both themes ----- */
  --navy-50:  #f3f5f9;
  --navy-100: #e2e7ef;
  --navy-200: #c4cdde;
  --navy-300: #9aa9c5;
  --navy-400: #6c80a6;
  --navy-500: #4a608a;
  --navy-600: #324971;
  --navy-700: #1f3158;
  --navy-800: #14223e;
  --navy-900: #0a1628;
  --navy-950: #050b18;

  /* ----- Warm gray — surface neutrals (slight earth tint) ----- */
  --paper:    #fbfaf7;   /* off-white canvas, slight cream */
  --paper-2:  #f4f1ea;   /* subtle elevation */
  --gray-0:   #ffffff;
  --gray-50:  #f7f6f3;
  --gray-100: #ebe9e3;
  --gray-200: #d8d5cc;
  --gray-300: #b8b3a6;
  --gray-400: #8a8678;
  --gray-500: #5e5a4f;
  --gray-600: #45423a;
  --gray-700: #2e2c26;
  --gray-800: #1d1c18;
  --gray-900: #0e0e0c;

  /* ----- Tangerine flame — ICG action color (refined burnt orange) ----- */
  --orange-50:  #fff5ed;
  --orange-100: #ffe5cf;
  --orange-200: #ffc59a;
  --orange-300: #ff9d61;
  --orange-400: #ff7733;
  --orange-500: #f15a24;   /* primary action */
  --orange-600: #d44513;
  --orange-700: #a8350f;
  --orange-800: #82290e;
  --orange-900: #66220e;

  /* ----- Voltage — CloudFour electric blue ----- */
  --blue-50:  #ecf4ff;
  --blue-100: #d5e6ff;
  --blue-200: #a8caff;
  --blue-300: #74a7ff;
  --blue-400: #4187ff;
  --blue-500: #1a6cff;   /* primary action */
  --blue-600: #0d54e8;
  --blue-700: #0c40b8;
  --blue-800: #0f3590;
  --blue-900: #122d6f;

  /* ----- Lightning — CloudFour spark accent ----- */
  --spark-300: #ffe88a;
  --spark-400: #ffd84d;
  --spark-500: #f5b800;
  --spark-600: #c69100;

  /* ----- Signal teal — FourthShiftMonitor action color (diagnostic / oscilloscope) ----- */
  --teal-50:  #ecfdf7;
  --teal-100: #d0f9eb;
  --teal-200: #a4f1d6;
  --teal-300: #65e3bb;
  --teal-400: #2dd4a0;
  --teal-500: #14b888;   /* primary action */
  --teal-600: #0d9476;
  --teal-700: #0f7664;
  --teal-800: #115e54;
  --teal-900: #134e47;

  /* ----- Signal cyan — FSM live-signal spark, "channel open" indicator.
          Chosen over phosphor green because green collides with the
          "OK status" color in the product's own dashboard. ----- */
  --cyan-50:  #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;   /* spark */
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;

  /* ----- Feedback (shared across themes) ----- */
  --success-500: #1d8b4f;
  --warning-500: #d97706;
  --danger-500:  #c02027;
  --info-500:    #0e7ec1;

  /* ----- Spacing — 4px base ----- */
  --space-0:  0;
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  2.5rem;
  --space-8:  3rem;
  --space-9:  4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;
  --space-13: 10rem;

  /* ----- Radius ----- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-pill: 999px;

  /* ----- Shadow — restrained, layered ----- */
  --shadow-xs: 0 1px 1px rgba(10, 22, 40, 0.04);
  --shadow-sm: 0 1px 2px rgba(10, 22, 40, 0.06), 0 1px 3px rgba(10, 22, 40, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(10, 22, 40, 0.08), 0 2px 4px -1px rgba(10, 22, 40, 0.05);
  --shadow-lg: 0 16px 32px -12px rgba(10, 22, 40, 0.18), 0 4px 8px -2px rgba(10, 22, 40, 0.08);
  --shadow-xl: 0 32px 64px -16px rgba(10, 22, 40, 0.25), 0 8px 16px -4px rgba(10, 22, 40, 0.10);
  --shadow-inner: inset 0 1px 2px rgba(10, 22, 40, 0.06);
  --shadow-glow-orange: 0 0 0 4px rgba(241, 90, 36, 0.18);
  --shadow-glow-blue:   0 0 0 4px rgba(26, 108, 255, 0.20);

  /* ----- Layout ----- */
  --container-sm: 640px;
  --container-md: 880px;
  --container-lg: 1200px;
  --container-xl: 1440px;
  --gutter:        clamp(1rem, 2.5vw, 2rem);

  /* ----- Z-index ----- */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  100;
  --z-overlay: 1000;
  --z-modal:   2000;
  --z-toast:   3000;
}