/**
 * Basil & Bowl — complements Tailwind (CDN). Brand tokens mirror letterhead / brand.css.
 */

:root {
  --brand-forest: #2d5a27;
  --brand-gold: #c5a059;
}

html {
  scroll-behavior: smooth;
}

/* Focus rings for keyboard users */
:focus-visible {
  outline: 2px solid var(--brand-gold);
  outline-offset: 2px;
}

/* Hero: subtle vignette on top of Tailwind overlay */
.hero-vignette {
  box-shadow: inset 0 0 120px 40px rgba(20, 40, 18, 0.45);
}

/* Form inputs: consistent focus with brand */
.input-brand:focus {
  border-color: var(--brand-forest);
  box-shadow: 0 0 0 3px rgba(45, 90, 39, 0.2);
}