/* =====================================================================
   DIRECTION B · "PATTERN"   →  revamp2.mesaquantum.com
   Provenance: the route Sristy chose in the June discovery survey —
   "Route B — Systems & Pattern Led".

   REVISED 2026-08-27 at TQ's direction: "v2 can be primarily white with
   more purple sections." The previous build put everything on a
   #110C1D ground (CIE L*4.3). It is now a white site that drops into
   full-bleed purple bands, so the pattern devices read as figure on
   light ground and as texture on the purple bands.

   Purple bands use Rushi's own sampled deck colour (#2A0850), not the
   live site's lighter #6528F7 — see tokens/palette.css.
   ===================================================================== */
:root {
  --ds-bg:            #FFFFFF;
  --ds-bg-alt:        var(--mqn-purple-50);   /* #F4F1FE — the purple tint band */
  --ds-surface:       #FFFFFF;
  --ds-surface-alt:   var(--mqn-purple-50);
  --ds-surface-deep:  var(--mqn-deck-indigo); /* #2A0850 — full-bleed purple */

  --ds-ink:           var(--mqn-n-900);       /* #14141C */
  --ds-ink-muted:     #4E4E5E;                /* 8.15:1 on white */
  --ds-ink-faint:     #6C6C7E;                /* 5.14:1 white · 4.62:1 on tint */
  --ds-ink-inverse:   #FFFFFF;
  --ds-ink-on-deep:   #FFFFFF;                /* 16.81:1 on the purple band */

  --ds-accent:        var(--mqn-purple-700);  /* #4A0FC4 — 9.74:1 on white */
  --ds-accent-hover:  var(--mqn-purple-800);
  --ds-on-accent:     #FFFFFF;                /* 9.74:1 */
  --ds-accent-quiet:  var(--mqn-purple-50);   /* accent on it: 8.75:1 */

  --ds-line:          #8E8E9C;                /* 3.23:1 — the card boundary */
  --ds-line-strong:   var(--mqn-n-700);
  --ds-focus:         var(--mqn-purple-600);

  --ds-header-bg:     color-mix(in srgb, #FFFFFF 88%, transparent);
  --ds-footer-bg:     var(--mqn-deck-indigo);

  --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:   none;                   /* dark wordmark reads on white */
  --ds-logo-filter-footer: brightness(0) invert(1);

  /* On white the lattice must be far quieter than it was on near-black,
     or it stops being a sampling grid and becomes noise. */
  --ds-motif-primary: dots;
  --ds-motif-secondary: contour;
  --ds-motif-opacity: 0.16;

  /* Roles for the inside of a full-bleed purple band. Declared at :root and
     consumed by scoped rules in components.css — NOT scoped here, because the
     contrast checker resolves flat and would otherwise measure the wrong pair.
     It aborts rather than guess, which is why this shape exists. */
  --ds-focus-on-deep:    #C9B6FF;   /* the ring inside a deep band */
  --ds-deep-ink:         #FFFFFF;             /* 16.81:1 on #2A0850 */
  --ds-deep-ink-muted:   #D8CCEF;             /* 11.05:1 */
  --ds-deep-ink-faint:   #BBA9DC;             /*  7.86:1 */
  --ds-deep-line:        #8A70C4;   /* 3.60:1 on the #2A0850 band */
  --ds-deep-motif-opacity: 0.34;
}