/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* src/app/globals.css
 *
 * Phase 1 uses plain CSS until the booking form lands in the next slice, at
 * which point we'll bring in Tailwind. Keeping styles minimal here prevents
 * tight coupling between the lib/infra layer and styling decisions.
 */

:root {
  color-scheme: light;
  --bg: #f7f7f5;
  --text: #18203e;
  --muted: #6b7280;
  --accent: #18203e;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--accent);
}