/* Baymont by Wyndham Monroe: design tokens
   World: "Lights on at Exit 11". Night surfaces with one warm lamp accent,
   daylight linen surfaces for rooms, map and FAQ. */

:root {
  /* color */
  --night: #0F1722;
  --dusk: #1A2636;
  --dusk-2: #223142;
  --dusk-line: rgba(244, 239, 230, 0.12);

  --lamp: #E8B86B;
  --lamp-deep: #C9953F;
  --lamp-soft: rgba(232, 184, 107, 0.16);

  --linen: #F4EFE6;
  --parch: #E9E1D2;
  --parch-2: #DDD3C0;
  --linen-line: rgba(28, 36, 48, 0.12);

  --erie: #5E95A8;
  --erie-text: #366879;
  --erie-soft: rgba(94, 149, 168, 0.14);

  --ink: #1C2430;
  --ink-2: #4A5565;

  --on-dark: #F4EFE6;
  --on-dark-2: rgba(244, 239, 230, 0.72);
  --on-dark-3: rgba(244, 239, 230, 0.5);

  --danger: #B4452F;

  /* type */
  --font-display: 'Young Serif', 'Iowan Old Style', Georgia, serif;
  --font-text: 'Hanken Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-0: 0.8125rem;  /* 13 */
  --fs-1: 0.9375rem;  /* 15 */
  --fs-2: 1rem;       /* 16 */
  --fs-3: 1.125rem;   /* 18 */
  --fs-4: 1.375rem;   /* 22 */
  --fs-5: 1.75rem;    /* 28 */
  --fs-6: 2.25rem;    /* 36 */
  --fs-7: clamp(2.5rem, 1.6rem + 3.2vw, 4rem); /* 40 to 64 */

  /* layout */
  --max: 1200px;
  --gutter: 24px;
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 96px;
  --s-8: 128px;

  --r-sm: 6px;
  --r: 12px;
  --r-lg: 20px;

  --shadow-card: 0 10px 30px -12px rgba(8, 12, 20, 0.35);
  --shadow-panel: 0 24px 48px -24px rgba(8, 12, 20, 0.55);
  --shadow-photo: 0 20px 50px -24px rgba(8, 12, 20, 0.6);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 180ms;
  --t-med: 320ms;
  --t-slow: 600ms;

  --header-h: 72px;
}