/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-charcoal-100: #d9d7d0;
  --color-charcoal-300: #8c8a82;
  --color-charcoal-500: #55534d;
  --color-charcoal-700: #33322e;
  --color-charcoal-900: #1a1a18; /** Darkest charcoal - text, wordmark */
  --color-yellow-200: #faeaa3;
  --color-yellow-400: #f5d547; /** TODO: replace with the locked accent yellow. Pick it against Pantone and lab dips first, then derive the hex. */
  --color-neutral-white: #ffffff;
  --color-neutral-offwhite: #f6f5f2; /** Off-white - default background */
  --font-family-sans: 'Hanken Grotesk', system-ui, sans-serif;
  --font-family-slab: TODO-slab, Georgia, serif; /** Slab serif for the wordmark - replace once the typeface is locked. It must survive embroidery at small sizes. */
  --font-size-100: 0.875rem;
  --font-size-200: 1rem;
  --font-size-300: 1.25rem;
  --font-size-400: 1.563rem;
  --font-size-500: 1.953rem;
  --font-size-600: 2.441rem;
  --font-size-700: 3.052rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --space-100: 0.25rem;
  --space-200: 0.5rem;
  --space-300: 0.75rem;
  --space-400: 1rem;
  --space-500: 1.5rem;
  --space-600: 2rem;
  --space-700: 3rem;
  --space-800: 4rem;
  --space-900: 6rem;
  --radius-none: 0rem;
  --radius-small: 0.25rem;
  --radius-medium: 0.5rem;
  --radius-full: 62.4375rem;
  --color-text-base: var(--color-charcoal-900);
  --color-text-muted: var(--color-charcoal-500);
  --color-text-inverse: var(--color-neutral-offwhite);
  --color-background-base: var(--color-neutral-offwhite);
  --color-background-elevated: var(--color-neutral-white);
  --color-background-inverse: var(--color-charcoal-900);
  --color-accent-base: var(--color-yellow-400); /** Yellow as an accent, never a load-bearing surface colour */
  --color-accent-subtle: var(--color-yellow-200);
  --color-border-base: var(--color-charcoal-100);
  --color-border-strong: var(--color-charcoal-300);
  --color-action-primary: var(--color-charcoal-900); /** Primary button: charcoal, not yellow */
  --color-action-primary-text: var(--color-neutral-offwhite);
  --typography-heading-font: var(--font-family-slab);
  --typography-heading-weight: var(--font-weight-bold);
  --typography-body-font: var(--font-family-sans);
  --typography-body-weight: var(--font-weight-regular);
  --typography-body-size: var(--font-size-200);
}