/*
 * BRAND TOKENS: the only file that names a colour, a font or a size.
 *
 * Capt. Mike's is ink and bone grounds with the logo yellow as solid colour.
 * Condensed italic caps (Barlow Condensed) for display, Archivo for reading.
 * Square corners everywhere.
 */

:root {
  --cm-ink: #0f0f0f;
  --cm-ink-2: #1a1a19;
  --cm-ink-line: #2e2e2b;
  --cm-bone: #f3f1ec;
  --cm-bone-2: #e7e4dc;
  --cm-bone-line: #d3cfc5;
  --cm-yellow: #fff100;
  --cm-white: #fff;

  --cm-muted: #57544d;
  --cm-muted-dark: #aaa79f;

  --cm-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --cm-display: "Barlow Condensed", "Arial Narrow", sans-serif;

  --cm-wrap: 1320px;
  --cm-gutter: clamp(20px, 4vw, 48px);
  --cm-gap: clamp(20px, 2.4vw, 32px);
  --cm-ease: cubic-bezier(.2, .8, .2, 1);

  --cm-dots-ink: radial-gradient(circle, rgba(15, 15, 15, .28) 1.3px, transparent 1.8px);
  --cm-dots-yellow: radial-gradient(circle, rgba(255, 241, 0, .5) 1.3px, transparent 1.8px);
}

:root {
  /* Aliases the blog stylesheet reads. */
  --cm-primary: var(--cm-ink);
  --cm-body: var(--cm-muted);
  --cm-gray: var(--cm-muted);
}