/* Design tokens. Palette is taken from the club mark: an olive-sage disc,
   a black belt with a red bar. Photographs are all black-and-white. */

:root {
    /* Surfaces */
    --black: #000000;
    --soot: #171514;
    --stone: #3f3937;
    --seam: #2c2825;

    /* Structure and accents */
    --olive: #7f7f76;
    --olive-dim: #5c5c54;
    --olive-lit: #a7a79a;
    --belt: #c8102e;

    /* Text */
    --bone: #ede9e1;
    --bone-dim: #a29d94;

    /* Type */
    --font-display: "Big Shoulders Display", "Arial Narrow", Arial, sans-serif;
    --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;

    --size-masthead: clamp(2.125rem, 5vw, 5.5rem);
    --size-section: clamp(2.25rem, 6vw, 4rem);
    --size-title: clamp(1.6rem, 3.2vw, 2.4rem);
    --size-lead: clamp(1.0625rem, 1.35vw, 1.1875rem);
    --size-body: 1.0625rem;
    --size-small: 0.875rem;
    --size-fine: 0.75rem;

    /* Rhythm */
    --gutter: clamp(1.25rem, 4.5vw, 3.5rem);
    --shell: 1320px;
    --measure: 60ch;
    --step: clamp(2.5rem, 6vw, 5.5rem);
    --hairline: 1px;
}