/* Focal Merchandising - the build's names for the resolved palette.
   Every colour here reads a token from the pitch's resolved palette (resolve-palette's tokens.css, copied
   into the first block below so a page loads one token file). One recorded exception, from step 1b: the page ground stays the brief-locked #27262B, the
   exact charcoal of the studio sweep her units were photographed on (sampled 39/38/43 at the corners of
   her unit photographs), which is the signature move. tokens.css's --colour-bg (#262523) would show every
   unit photograph as a faint square. */
:root {
  /* resolve-palette output (the root tokens.css), folded in so every page loads one token file */
  --colour-primary: #b59850;
  --colour-primary-dark: #7b6322;
  --colour-accent: #ffffff;
  --colour-navy: #1e1e1f;
  --colour-white: #ffffff;
  --colour-off-white: #353431;
  --colour-text: #d2d1cd;
  --colour-text-muted: #8d8c88;
  --colour-grey-50: #fbfaf8;
  --colour-grey-100: #dfdedc;
  --colour-grey-200: #c4c3c1;
  --colour-grey-300: #aaa9a6;
  --colour-grey-400: #918f8c;
  --colour-grey-500: #787773;
  --colour-grey-600: #605f5b;
  --colour-grey-700: #494845;
  --colour-grey-800: #333230;
  --colour-grey-900: #1f1e1c;
  --colour-bg: #262523;
  --colour-surface: #2f2e2b;
  --colour-surface-alt: #353431;
  --colour-border: #4a4945;
  --colour-primary-hover: #c5a860;
  --colour-primary-active: #d5b76f;
  --colour-primary-subtle: #382c0d;
  --colour-on-primary: #15140f;
  --colour-link: #a58940;
  --colour-accent-hover: #ffffff;
  --colour-accent-subtle: #2e2e2e;
  --colour-on-accent: #15140f;
  --colour-on-dark: #bfbdb9;
  --colour-success: #449d5c;
  --colour-warning: #ba8016;
  --colour-error: #d46e64;
  --colour-info: #4690d7;
}

:root {
  /* the ground: her studio sweep (the one exception, see above) */
  --showroom: #27262B;
  /* her current site's ground: header, footer and the band that marks a change of subject */
  --deep: var(--colour-navy);
  /* the gold of her logo and reticle: the shelf line her units stand on, her mark, small capitals */
  --gold: var(--colour-primary);
  /* the one filled button, with charcoal ink on it */
  --gold-action: var(--colour-primary-hover);
  --on-gold: var(--colour-on-primary);
  /* headings and her wordmark */
  --white: var(--colour-grey-50);
  /* running text */
  --body: var(--colour-text);
  /* secondary text */
  --muted: var(--colour-grey-300);
  /* a neutral hairline: section furniture that is not a shelf */
  --hair: var(--colour-border);
  /* a lifted surface (form fields, the plain product rows) */
  --surface: var(--colour-surface);
  /* the logo board plates (kept from step 0f): a quiet warm stone for her dark-ink logos, one step off
     the charcoal with a hairline edge for her white-ink logos, which run together at the end of each wall */
  --plate-light: #D6D0C4;
  --plate-dark: #36353B;
  --plate-dark-edge: #4A4850;

  --content: 1280px;
  --stage-max: 2400px;
  /* 66 characters of her body face: Barlow's 0 is wider than its average letter, so 66ch set ~80 */
  --measure: 31em;
  --gutter: clamp(16px, 4vw, 48px);
  --head-h: 80px;

  --display: "Josefin Sans", "Futura", "Century Gothic", sans-serif;
  --text: "Barlow", "Helvetica Neue", Arial, sans-serif;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: dark;
}