@import "tailwindcss";
@import "@fontsource/bebas-neue";
@import "@fontsource-variable/open-sans";

/*
 * Design tokens adopted from the real place4bees.com corporate site: black
 * condensed uppercase headings (Bebas Neue), Open Sans body copy, a soft
 * sage-green accent for eyebrow labels, an orange CTA color, and a light
 * grey page background instead of the earlier dark-ink/honey-gold theme.
 */
@theme {
  --color-brand-ink: #111111;
  --color-brand-body: #111111;
  --color-brand-text: #333333;
  --color-brand-text-muted: #6b6b6b;
  --color-brand-primary: #f8ac11;
  --color-brand-primary-hover: #d9930a;
  --color-brand-accent: #9fc7aa;
  --color-brand-accent-hover: #7fae8e;
  --color-brand-surface: #f2f3f5;
  --color-brand-surface-strong: #ffffff;
  --color-brand-border: #e0e1e4;
  --color-brand-cream: #ffffff;

  --font-display: "Bebas Neue", Arial, Helvetica, sans-serif;
  --font-sans: "Open Sans Variable", Arial, Helvetica, sans-serif;
}

body {
  font-family: var(--font-sans);
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Business section swaps the CTA accent to the sage green, so the whole
 * page (header, buttons, links) subtly signals which mode is active. */
[data-section="business"] {
  --color-brand-primary: var(--color-brand-accent);
  --color-brand-primary-hover: var(--color-brand-accent-hover);
}
