/* IndustryOS Design Tokens v1.0
   Drop-in CSS custom properties. Import once at :root. */

:root {
  /* ---- Platform core ---- */
  --ios-navy:      #17263c;   /* Ink / primary text / dark surface / brand anchor */
  --ios-paper:     #eeeeee;   /* Light background */
  --ios-cyan:      #2fb8e3;   /* Primary accent: links, active, highlight */
  --ios-cyan-600:  #1f97bd;   /* Cyan hover/pressed */

  /* ---- Status scale (worst -> best) ---- */
  --ios-danger:    #ff3f1a;   /* Critical  (= Minefox) */
  --ios-warning:   #f4700a;   /* Warning   (= Safewall) */
  --ios-caution:   #ffcc00;   /* Elevated  (= Safecrete) */
  --ios-healthy:   #48e587;   /* Nominal / good */

  /* ---- Product brand ---- */
  --brand-minefox:   #ff3f1a;
  --brand-safewall:  #f4700a;
  --brand-safecrete: #ffcc00;
  --brand-reserved:  #cef50a; /* future product (lime) */

  /* ---- Neutrals (cool grey ramp) ---- */
  --ios-neutral-900: #17263c;
  --ios-neutral-700: #33465e;
  --ios-neutral-500: #5a6b82;
  --ios-neutral-300: #a9b5c5;
  --ios-neutral-200: #dfe4ec;
  --ios-neutral-100: #eef2f7;
  --ios-neutral-50:  #f6f8fb;
  --ios-white:       #ffffff;

  /* ---- Semantic aliases ---- */
  --ios-text:        var(--ios-neutral-900);
  --ios-text-muted:  var(--ios-neutral-500);
  --ios-bg:          var(--ios-neutral-50);
  --ios-surface:     var(--ios-white);
  --ios-border:      var(--ios-neutral-200);
  --ios-link:        var(--ios-cyan);
  --ios-on-warm:     var(--ios-navy);  /* text colour on any warm fill */

  /* ---- Typography ---- */
  --ios-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ios-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --ios-fw-regular: 400;
  --ios-fw-medium:  500;
  --ios-fw-semibold:600;
  --ios-fw-bold:    700;

  /* size / line-height pairs */
  --ios-display:  2.5rem;   --ios-display-lh: 2.75rem;  /* 40/44 */
  --ios-h1:       1.875rem; --ios-h1-lh: 2.25rem;       /* 30/36 */
  --ios-h2:       1.5rem;   --ios-h2-lh: 1.875rem;      /* 24/30 */
  --ios-h3:       1.1875rem;--ios-h3-lh: 1.625rem;      /* 19/26 */
  --ios-body-lg:  1.0625rem;--ios-body-lg-lh: 1.6875rem;/* 17/27 */
  --ios-body:     0.9375rem;--ios-body-lh: 1.4375rem;   /* 15/23 */
  --ios-small:    0.8125rem;--ios-small-lh: 1.1875rem;  /* 13/19 */
  --ios-label:    0.6875rem;--ios-label-lh: 0.875rem;   /* 11/14 */
  --ios-label-tracking: 0.08em;

  /* ---- Spacing (4px base) ---- */
  --ios-space-1: 4px;
  --ios-space-2: 8px;
  --ios-space-3: 12px;
  --ios-space-4: 16px;
  --ios-space-6: 24px;
  --ios-space-8: 32px;
  --ios-space-12: 48px;
  --ios-space-16: 64px;

  /* ---- Radius ---- */
  --ios-radius-sm: 4px;
  --ios-radius-md: 8px;
  --ios-radius-lg: 12px;
  --ios-radius-pill: 999px;

  /* ---- Elevation ---- */
  --ios-shadow-card:    0 1px 2px rgba(20,30,50,.06);
  --ios-shadow-raised:  0 6px 20px rgba(20,30,50,.10);
}