/* CUTHOUSE design tokens — two skins.
   Onyx (dark): landing + public booking pages. Ivory (light): owner dashboard.
   --brand is the tenant accent; defaults to house gold. */

:root {
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-snap: cubic-bezier(0.2, 0, 0, 1);
  --dur-snap: 140ms;
  --dur-swift: 180ms;
  --dur-std: 240ms;
  --dur-deliberate: 280ms;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
}

[data-skin="onyx"] {
  --bg: #0E0D0B;
  --surface: #1A1815;
  --surface-2: #221F1A;
  --border: #2B2418;
  --line-soft: rgba(255, 255, 255, 0.07);
  --text: #EDE6D6;
  --muted: #8A857C;
  --faint: #5C574D;
  --brand: #C6993E;
  --brand-weak: #26211A;
  --on-brand: #14100A;
  --green: #6FBF8B;
  --green-weak: #17251C;
  --red: #E08A8A;
  --red-weak: #2A1B1B;
  --amber: #D9B36C;
  color-scheme: dark;
}

[data-skin="ivory"] {
  --bg: #F4F1EA;
  --surface: #FFFFFF;
  --surface-2: #FAF8F2;
  --border: #E8E2D4;
  --line-soft: rgba(0, 0, 0, 0.06);
  --text: #23201A;
  --muted: #6B675E;
  --faint: #A39D8F;
  --brand: #856011;
  --brand-weak: #F0E9D8;
  --on-brand: #FFFFFF;
  --green: #157A40;
  --green-weak: #E3F0E7;
  --red: #B4433A;
  --red-weak: #F7E4E2;
  --amber: #8A5C00;
  color-scheme: light;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { overflow-x: clip; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
}