/* The chip rules for static/palette-reveal.js, moved out of style.css on
   2026-08-22 so /color-analysis can draw a personal palette without linking the
   SPA's stylesheet (COLOR_ANALYSIS_BLOG_SPEC.md slice A).

   Both hosts link static/tokens.css, which is where --sans and --ink-soft are
   defined, so these read the same values on the signed-in reveal and on the
   public page. The fallbacks name Bloom's own tokens rather than a raw colour:
   a page that somehow loads this without tokens.css should still be legible
   instead of falling back to a hard-coded grey that matches nothing.

   Base rules are FULL SIZE. The wizard reveal's compact overrides and My
   Colors' sizing still live in style.css, which index.html links immediately
   after this file, so their cascade is unchanged by the move. */
.pack-groups{display:flex;flex-direction:column;gap:16px;margin:14px 0;text-align:left;}
/* An <h3> since G1.6 change 2, so `margin` is reset explicitly: a UA stylesheet gives a heading a top and bottom margin that a <div> never had, and without this every group on both surfaces would grow. */
.pack-group-label{font-family:var(--sans, var(--font-body));font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft, var(--color-muted));margin:0 0 8px;}
.pack-chip-row{display:flex;flex-wrap:wrap;gap:10px;}
/* 64px until G1.6. The name moved from 10.5px to 12px and gained a hex line under it, and the longest corpus names (Powder Periwinkle, Bright Cornflower, Black Cherry Rose) need the room to wrap rather than clip. */
.pack-chip{display:flex;flex-direction:column;align-items:center;gap:4px;width:76px;flex:none;}
.pack-swatch{width:100%;height:44px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(20,18,20,.08);}
/* 10.5px until G1.6. WCAG sets no minimum size, so this was legibility rather than a violation - but it is the only channel that tells a colour-blind reader which chip is which, which makes it the one line on the page that has to be readable. The colour is unchanged: measured at 9.43:1 against --color-paper-2, past the AAA floor. */
.pack-chip-name{font-family:var(--sans, var(--font-body));font-size:12px;color:var(--ink-soft, var(--color-muted));text-align:center;line-height:1.25;}
/* G1.6 change 3. Quieter than the name and tabular so a column of hexes lines up; --mono falls back through the stack the rest of this file uses. */
.pack-chip-hex{font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:10px;letter-spacing:.02em;color:var(--ink-soft, var(--color-muted));opacity:.8;text-align:center;line-height:1.2;}