/* ══════════════════════════════════════════════════════════════════════
   Maverick Labs - Spectral Instrument · Design Tokens
   ══════════════════════════════════════════════════════════════════════
   Status:   PROPOSED · 2026-08-08 · Labs-scoped, NOT a Systems palette change
   Scope:    Every token is namespaced --ml-* and scoped to
             [data-product="maverick-labs"]. Nothing here leaks into the
             canonical Maverick Systems cascade, and this file must never
             be imported by a Systems page.
   Lineage:  Evolve-don't-pivot strategy (brand architecture decision,
             2026-08-08). Every colour is an existing Maverick group token -
             no new colours introduced:
               Cyan     #2FE6FF (mav-cyan)  → --ml-primary  · promoted to LEAD
               Teal     #00E5C2 (mav-teal)  → --ml-secondary · depth/layering
               Lime     #CFFF00 (mav-lime)  → --ml-marker   · threshold/calibration
               UV green #39FF88 (mav-green) → --ml-accent   · GROUP MARKER +
                        semantic success only; demoted from action colour
               Amber    #FFB020            → --ml-warning  · semantic only
               Canvas   #0A0D12 (mav-dark), surfaces from mav-charcoal
                        #11161D and mav-slate #1A222C - shared group dark DNA.
             Space Grotesk is the immovable group DNA and is unchanged.
   ══════════════════════════════════════════════════════════════════════ */

[data-product="maverick-labs"] {
  /* ── Canvas & surfaces (near-black foundation, cooler than Systems) ── */
  --ml-canvas: #0A0D12;
  --ml-surface-1: #11161D;
  --ml-surface-2: #1A222C;
  --ml-surface-3: #233140;

  /* ── Text ── */
  --ml-text: #F7F7F5;
  --ml-text-muted: #A9B6C2;
  --ml-text-subtle: #8595A3;

  /* ── Signals ── */
  --ml-primary: #2FE6FF;   /* cyan - data, focus, links, live trace */
  --ml-secondary: #00E5C2; /* teal (mav-teal) - baseline/reference trace, layering */
  --ml-accent: #39FF88;    /* UV green - GROUP MARKER + semantic verified/success only */
  --ml-marker: #CFFF00;    /* lime - thresholds, calibration markers */
  --ml-warning: #FFB020;
  --ml-danger: #FF5C64;

  /* ── Lines & boundaries ── */
  --ml-line: #243443;
  --ml-line-strong: #31485A;
  --ml-control-line: #56738A;

  /* ── Type families ── */
  --ml-font-brand:
    "Space Grotesk", Inter, system-ui, sans-serif;
  --ml-font-data:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Spacing (4px baseline grid) ── */
  --ml-space-1: 4px;
  --ml-space-2: 8px;
  --ml-space-3: 16px;
  --ml-space-4: 24px;
  --ml-space-5: 32px;
  --ml-space-6: 48px;
  --ml-space-7: 64px;

  /* ── Radii (precise, per governed brand guide - not marketing 30–40px) ── */
  --ml-radius-sm: 4px;
  --ml-radius-md: 8px;
  --ml-radius-lg: 12px;
  --ml-radius-pill: 999px;

  /* ── Motion (functional only) ── */
  --ml-duration-micro: 150ms;
  --ml-duration-default: 300ms;
  --ml-duration-transition: 600ms;
  --ml-ease: cubic-bezier(.22, .61, .36, 1);

  /* ── Elevation (reserved for dialogs, menus, drawers, floating inspectors) ── */
  --ml-shadow-float: 0 12px 32px rgba(0, 0, 0, .28);

  /* ── Derived, low-alpha helpers (kept here so components stay literal-free) ── */
  --ml-primary-dim: rgba(47, 230, 255, .12);
  --ml-secondary-dim: rgba(0, 229, 194, .12);
  --ml-accent-dim: rgba(57, 255, 136, .12);
  --ml-warning-dim: rgba(255, 176, 32, .12);
  --ml-danger-dim: rgba(255, 92, 100, .12);
  --ml-grid-major: rgba(49, 72, 90, .55);
  --ml-grid-minor: rgba(36, 52, 67, .45);
}