/* =====================================================================
   DIRECTION B · "PATTERN"   →  revamp2.mesaquantum.com
   Provenance: the route Sristy chose in the June discovery survey —
   "Route B — Systems & Pattern Led". The dot lattice is treated as a
   live system rather than a texture, with the contour layer used where
   the subject is navigation or sensing.
   Character: mid-dark, atmospheric, systems-y. Restrained saturation —
   the CEO's own word for the brand is "not flashy".
   Primary motif: DOTS, with CONTOUR as the secondary layer.
   ===================================================================== */
:root {
  --ds-bg:            var(--mqn-ink-700);
  --ds-bg-alt:        var(--mqn-ink-600);
  --ds-surface:       color-mix(in srgb, var(--mqn-ink-600) 82%, var(--mqn-purple-900));
  --ds-surface-alt:   var(--mqn-ink-500);
  --ds-surface-deep:  var(--mqn-ink-900);

  --ds-ink:           var(--mqn-n-0);
  --ds-ink-muted:     color-mix(in srgb, var(--mqn-n-0) 66%, transparent);
  --ds-ink-faint:     color-mix(in srgb, var(--mqn-n-0) 40%, transparent);
  --ds-ink-inverse:   var(--mqn-ink-900);

  --ds-accent:        var(--mqn-purple-400);
  --ds-accent-hover:  var(--mqn-purple-300);
  --ds-on-accent:     var(--mqn-ink-900);
  --ds-accent-quiet:  color-mix(in srgb, var(--mqn-purple-400) 14%, transparent);

  --ds-line:          color-mix(in srgb, var(--mqn-n-0) 14%, transparent);
  --ds-line-strong:   color-mix(in srgb, var(--mqn-n-0) 34%, transparent);
  --ds-focus:         var(--mqn-signal);

  --ds-header-bg:     color-mix(in srgb, var(--mqn-ink-700) 82%, transparent);
  --ds-footer-bg:     var(--mqn-ink-900);

  --ds-radius-role:   var(--ds-radius-lg);
  --ds-display-weight: 600;
  --ds-tracking-display: -0.024em;
  --ds-section-y:     clamp(4rem, 2.5rem + 6vw, 9rem);
  --ds-rule-weight:   1px;

  --ds-logo-filter:   brightness(0) invert(1);

  --ds-motif-primary: dots;
  --ds-motif-secondary: contour;
  --ds-motif-opacity: 0.30;
}