/* 315 Main, Bay St. Louis: design tokens.
   Direction: "cabana stripe Main Street". Palette pulled from the building itself:
   white stucco, the black-and-white striped umbrella by the front door, the teal
   headboards and lamps inside, Gulf water, and a sunset coral for the booking action. */
@font-face { font-family: 'Bricolage'; src: url('fonts/Bricolage.woff2') format('woff2'); font-weight: 400 800; font-stretch: 75% 100%; font-display: swap; }
@font-face { font-family: 'Figtree'; src: url('fonts/Figtree.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Figtree'; src: url('fonts/Figtree-Italic.woff2') format('woff2'); font-weight: 400 600; font-style: italic; font-display: swap; }

:root {
  --bg: #F6F0E4;          /* sun-warmed stucco, never pure white */
  --bg-alt: #E3EEEA;      /* sea glass */
  --cream: #FFFBF3;
  --ink: #15212C;         /* deep harbor night */
  --ink-soft: #46535E;
  --stripe: #141414;      /* the umbrella */
  --teal: #1D6E6B;        /* headboards + lamps */
  --teal-deep: #11504E;
  --gulf: #2D7DA3;
  --coral: #E2552C;       /* the one booking color */
  --coral-deep: #B93F1B;
  --sun: #F3B83C;

  --font-display: 'Bricolage', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --space: 8px;
  --radius: 18px;
  --radius-sm: 10px;
  --shell: 1240px;

  /* depth voice: flat paper with one hard offset "postcard" shadow, no soft blurs */
  --shadow: 6px 6px 0 var(--stripe);
  --shadow-sm: 3px 3px 0 var(--stripe);

  /* motion voice: breezy sway, a little bounce, never floaty */
  --ease: cubic-bezier(.34, 1.4, .64, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: 420ms;
}