/* adia:semantic/color — sequential data-vis buckets (5-step per family).
   Distinct from --a-data-0..9 (categorical): buckets are 5 ordered steps
   within ONE family for heatmap/choropleth/treemap intensity.
   Split out of semantics.css (v0.6.48 reorg, ADR-0035). */

:root, theme-ui, [theme], theme-provider {
  /* ══════════════════════════════════════════════════════════════
     BUCKETS — sequential 5-step ramp per family for data-vis consumers

     Distinct from `--a-data-0..9` (categorical, distinct hues) — buckets
     are 5 steps within ONE family, ordered low → high. Used by sequential
     data-vis surfaces (heatmap-ui, choropleth, treemap intensity).

     Anchor: bucket-2 = `--a-{family}-strong` (semantic step-50). Steps 0
     and 1 sit lighter (toward muted); steps 3 and 4 sit deeper (toward
     active). Light/dark scheme polarity is honored via `light-dark()` —
     in light mode the lighter primitives are step-tints, in dark mode
     the lighter primitives are step-shades, so "low intensity" reads
     as low contrast against canvas-0 in either scheme.

     Coordinate with chart palette: `--a-data-N` are categorical (10 hue
     slots fanning out from accent-hue); buckets stay within one family
     so a heatmap colored `[color="success"]` doesn't drift through the
     accent → success → warning hue arc. Five steps were chosen so the
     ramp fits within WCAG AA against `--a-canvas-0` at the high end and
     remains visually distinguishable at the low end.
     ══════════════════════════════════════════════════════════════ */

  /* Accent buckets */
  --a-accent-bucket-0: light-dark(var(--a-accent-15-tint), var(--a-accent-85-shade));
  --a-accent-bucket-1: light-dark(var(--a-accent-30-tint), var(--a-accent-70-shade));
  --a-accent-bucket-2: var(--a-accent-strong);
  --a-accent-bucket-3: light-dark(var(--a-accent-65-tint), var(--a-accent-35-shade));
  --a-accent-bucket-4: light-dark(var(--a-accent-80-tint), var(--a-accent-20-shade));

  /* Success buckets */
  --a-success-bucket-0: light-dark(var(--a-success-15-tint), var(--a-success-85-shade));
  --a-success-bucket-1: light-dark(var(--a-success-30-tint), var(--a-success-70-shade));
  --a-success-bucket-2: var(--a-success-strong);
  --a-success-bucket-3: light-dark(var(--a-success-65-tint), var(--a-success-35-shade));
  --a-success-bucket-4: light-dark(var(--a-success-80-tint), var(--a-success-20-shade));

  /* Warning buckets */
  --a-warning-bucket-0: light-dark(var(--a-warning-15-tint), var(--a-warning-85-shade));
  --a-warning-bucket-1: light-dark(var(--a-warning-30-tint), var(--a-warning-70-shade));
  --a-warning-bucket-2: var(--a-warning-strong);
  --a-warning-bucket-3: light-dark(var(--a-warning-65-tint), var(--a-warning-35-shade));
  --a-warning-bucket-4: light-dark(var(--a-warning-80-tint), var(--a-warning-20-shade));

  /* Danger buckets */
  --a-danger-bucket-0: light-dark(var(--a-danger-15-tint), var(--a-danger-85-shade));
  --a-danger-bucket-1: light-dark(var(--a-danger-30-tint), var(--a-danger-70-shade));
  --a-danger-bucket-2: var(--a-danger-strong);
  --a-danger-bucket-3: light-dark(var(--a-danger-65-tint), var(--a-danger-35-shade));
  --a-danger-bucket-4: light-dark(var(--a-danger-80-tint), var(--a-danger-20-shade));

  /* Info buckets */
  --a-info-bucket-0: light-dark(var(--a-info-15-tint), var(--a-info-85-shade));
  --a-info-bucket-1: light-dark(var(--a-info-30-tint), var(--a-info-70-shade));
  --a-info-bucket-2: var(--a-info-strong);
  --a-info-bucket-3: light-dark(var(--a-info-65-tint), var(--a-info-35-shade));
  --a-info-bucket-4: light-dark(var(--a-info-80-tint), var(--a-info-20-shade));

}
