:root {
  --brand-field: #FFFFFF;
  --brand-ink: #0F172A;
  --brand-emerald: #059669;
  --brand-sea: #047857;
  --brand-accent: #06B6D4;
  --brand-mint: #A7F3D0;
  --brand-cyan-dark: #0E7490;
  --brand-emerald-light: #10B981;
  --background: var(--brand-field);
  --text: var(--brand-ink);
  --heading: var(--brand-ink);
  --link: var(--brand-sea);
  --actionBackground: var(--brand-sea);
  --actionText: var(--brand-field);
  --inverseBackground: var(--brand-ink);
  --inverseText: var(--brand-field);
  --focus: var(--brand-sea);
  --logo-clear-space: 0.25;
  --display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;
  --body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}