:root {
  --color-primary: #116069;
  --color-secondary: #f6f4ee;
  --color-dark: #2c2826;
  --color-dark-alt: #352f2d;
  --color-text-on-dark: #ffffff;
  --color-text-on-light: #116069;
  --color-text-body: #2c2826;
  --color-accent: #e05a1a;
  --font-heading: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --section-padding: 80px;
  --nav-height: 130px;
  --curve-height: 60px;
}

/* Wrapped in a layer so Tailwind's layered utilities (e.g. p-6, py-8) can
   override it inside apps that use Tailwind. Unlayered universal rules beat
   any layered rule regardless of specificity, which would otherwise zero
   every Tailwind padding/margin utility in the reviews SPA. Vanilla pages
   are unaffected: their explicit class selectors win on specificity. */
@layer reset {
  * { margin: 0; padding: 0; box-sizing: border-box; }
}

body {
  font-family: var(--font-body);
  color: var(--color-text-body);
  background: var(--color-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
}