/* Present History brand tokens. Source of truth: brand.md */
:root {
  /* Colour */
  --ph-navy:     #03111F;
  --ph-ink:      #060E18;
  --ph-gold:     #EBDC2A; /* dark backgrounds only: never text on white */
  --ph-white:    #FFFFFF;
  --ph-charcoal: #101011;
  --ph-slate:    #6D6E6F;
  --ph-stone:    #B5B5B5;
  --ph-mist:     #F3F3F3;
  --ph-line:     #E4E5E7;

  /* Type */
  --ph-font-display: "Bebas Neue", "Anton", "League Gothic", Impact, "Arial Narrow", sans-serif;
  --ph-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
                  Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;

  /* Shape & space */
  --ph-radius-sm: 4px;
  --ph-radius-md: 8px;
  --ph-space: 8px;
  --ph-shadow-card: 1px 16px 18px -6px rgba(0, 0, 0, .08);

  /* Layout */
  --ph-container: 1024px;
  --ph-measure: 68ch;
  --ph-gutter: clamp(16px, 4vw, 32px);
}