/* BreakFive brand tokens: bone and titanium */
:root {
  /* Colour */
  --bf-chalk: #F5F1E8;          /* page background: bone */
  --bf-dust: #E9E3D6;           /* quiet fills, hover states */
  --bf-socket: #2B2119;         /* primary: text, mark, buttons */
  --bf-deep: #231A13;           /* dark backgrounds */
  --bf-gold: #8C6E14;           /* the break on light: anodized titanium */
  --bf-gold-bright: #D2AE4A;    /* the break on dark */
  --bf-nut: #6E5C44;            /* secondary text */

  /* Type */
  --bf-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --bf-body: "Archivo", "Helvetica Neue", Arial, sans-serif;

  /* Scale */
  --bf-s-1: 0.875rem;
  --bf-s0: 1.0625rem;
  --bf-s1: 1.375rem;
  --bf-s2: 1.875rem;
  --bf-s3: clamp(2.25rem, 4vw, 3.25rem);
  --bf-s4: clamp(3.5rem, 9vw, 8.5rem);

  /* Space */
  --bf-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --bf-max: 78rem;
}