:root {
  /* Base */
  --bf-ink: #0A0A0A;
  --bf-white: #FFFFFF;
  --bf-dark: #0B0F0D;
  /* Brand green: accent only (logo heart, button stone, dots) */
  --bf-green: #0FA968;
  --bf-green-text: #087A4B;   /* green text on white */
  --bf-green-soft: #7FDDB0;   /* green text on dark */
  /* Text greys on white */
  --bf-body: #4A4A4A;
  --bf-secondary: #5C5C5C;
  --bf-muted: #6B6B6B;
  /* Surfaces and borders */
  --bf-mint-50: #F6FBF8;
  --bf-mint-100: #EAF8F1;
  --bf-neutral-100: #EEF2F0;
  --bf-border: #EBEBEB;
  --bf-border-strong: #D6D6D6;
  --bf-border-mint: #E1EDE6;
  /* On dark */
  --bf-on-dark: #FFFFFF;
  --bf-on-dark-soft: #E4EBE7;
  --bf-on-dark-muted: #B5C2BB;
  /* States */
  --bf-destructive: #C8352B;
  /* Type */
  --bf-font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --bf-font-mono: "Geist Mono", ui-monospace, monospace;
  --bf-logo-min-type: 20px;     /* horizontal lockup: wordmark font size */
  --bf-icon-min-size: 16px;     /* solid mark below 32px */
}