/* ChairSpot — custom styles are minimal, most inlined in partials */
/* This file is intentionally sparse — we use inline styles for component-level design */

/* All design tokens are defined in layout.ejs <style> block via :root */
/* Additional responsive overrides and polish can go here */

/* Subtle texture for hero section */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  background-image: 
    radial-gradient(ellipse at 80% 10%, rgba(196,98,45,0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 80%, rgba(196,98,45,0.04) 0%, transparent 40%);
  z-index: -1;
}