:root {
  /* Colours */
  --color-bg: #f3f3ef;
  --color-surface: #fafaf7;
  --color-surface-strong: #ebebe5;
  --color-border: #e2e2dc;
  --color-text: #3a3a38;
  --color-text-muted: #66665f;
  --color-text-subtle: #8f8f88;
  --color-accent: #2f6fd6;
  --color-accent-strong: #2559b0;
  --color-accent-soft: #e4edfa;
  --color-sky: #3f87e0;
  --color-gold: #e0a23a;
  --color-gold-soft: #fbf1dc;
  --color-success: #14895a;
  --color-success-soft: #e3f6ec;
  --color-danger: #c2364a;
  --color-dark: #2f2f2d;
  --color-dark-raised: #474744;
  --color-on-dark: #ffffff;
  --color-on-dark-muted: #c9c9c2;

  /* Type */
  --font-body: var(--font-primary, "Inter", sans-serif);
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 40px;
  --text-4xl: 56px;
  --text-5xl: 68px;

  /* Space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(58 58 56 / 0.06);
  --shadow-md: 0 8px 24px rgb(58 58 56 / 0.08);
  --shadow-focus: 0 0 0 4px rgb(47 111 214 / 0.18);
  --shadow-button: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 1px 0 #1d1d1c, 0 4px 10px rgb(0 0 0 / 0.18);
  --grid-line: rgb(58 58 56 / 0.04);

  /* Layout */
  --container: 1200px;
  --container-narrow: 780px;
	--scheme-background: #ffffff;
	--scheme-foreground: #ffffff;
	--scheme-text: #000000;
	--scheme-border: #000000;
	--scheme-btn-text: #ffffff;
	--neutral-darkest: #000000;
	--neutral-lightest: #eeeeee;
	--neutral: #666666;
	--text-h1-size: 3.5rem;
	--text-h1-leading: 1.2;
	--text-h1-tracking: -0.01em;
	--text-h2-size: 3rem;
	--text-h2-leading: 1.2;
	--text-h2-tracking: -0.01em;
	--text-h3-size: 2.5rem;
	--text-h3-leading: 1.2;
	--text-h3-tracking: -0.01em;
	--text-h4-size: 2rem;
	--text-h4-leading: 1.3;
	--text-h4-tracking: -0.01em;
	--text-h5-size: 1.5rem;
	--text-h5-leading: 1.4;
	--text-h5-tracking: -0.01em;
	--text-h6-size: 1.25rem;
	--text-h6-leading: 1.4;
	--text-h6-tracking: -0.01em;
	--text-large-size: 1.25rem;
	--text-large-leading: 1.5;
	--text-medium-size: 1.125rem;
	--text-medium-leading: 1.5;
	--text-regular-size: 1rem;
	--text-regular-leading: 1.5;
	--text-small-size: 0.875rem;
	--text-small-leading: 1.5;
	--text-tiny-size: 0.75rem;
	--text-tiny-leading: 1.5;
	--corner-radius: 0.25rem;
	--transition-default: 200ms ease-in-out;
}