:root {
  /* Brand colours */
  --color-midnight:  #0E1A17;
  --color-offwhite:  #F0EDE2;
  --color-brass:     #B08D57;
  --color-taupe:     #B6A18A;

  /* Semantic aliases */
  --bg-dark:         var(--color-midnight);
  --bg-light:        var(--color-offwhite);
  --accent:          var(--color-brass);
  --text-on-dark:    var(--color-offwhite);
  --text-on-light:   var(--color-midnight);
  --text-muted-dark: var(--color-taupe);

  /* Typography */
  --font-brand:      'Montserrat', sans-serif;

  /* Layout */
  --container-max:   1280px;
  --container-pad:   24px;
}