/* Refugio Azul Santa Rosa — generated from tokens.json */
:root, [data-theme="base"] {
  --forest-950: #142a21;
  --forest-900: #1e3a2f;
  --cream-50: #f5efe2;
  --cream-200: #eadfc9;
  --paper: #fffcf6;
  --ink: var(--forest-900);
  --ink-muted: #52605a;
  --line: #d9ccb2;
  --line-strong: #857a66;
  --purple: #6c5b7b;
  --purple-700: #5a4a68;
  --purple-100: #e7e0ec;
  --accent-hover: #2d6146;
  --on-accent: var(--cream-50);
  --on-forest: var(--cream-50);
  --on-forest-muted: #c2ccbf;
  --focus: var(--purple);
  --focus-on-forest: var(--cream-50);
  --logo-cyan: #a6e3e9;
  --scrim: #142a21b3;
  --glass: #465c4be6;
  --success-ink: #2d6146;
  --success-bg: #ddebdf;
  --warning-ink: #7a4f00;
  --warning-bg: #f7e8c6;
  --danger-ink: #9a2e22;
  --danger-bg: #f6dfd9;
  --neutral-ink: #4e4a43;
  --neutral-bg: #e7e1d5;
  --holiday-bg: #f2e0b6;
  --holiday-mark: #8a5a00;
  --shadow-card: 0 1px 1px #142a210d, 0 2px 4px #142a210d, 0 8px 16px -4px #142a2114, 0 20px 40px -12px #142a211f;
  --shadow-photo: 0 1px 2px #142a2114, 0 6px 12px -2px #142a211a, 0 24px 48px -16px #142a2140;
  --shadow-lift: 0 2px 4px #142a2114, 0 12px 24px -6px #142a2124, 0 32px 64px -20px #142a2152, 0 0 0 1px #465c4b2e, 0 0 40px -4px #465c4b4d;
  --shadow-lift-forest: 0 0 0 1px #f5efe240, 0 0 44px -4px #f5efe238, 0 32px 64px -20px #0a1711cc;
  --shadow-glow: 0 0 0 1px #465c4b33, 0 0 24px -2px #465c4b73;
  --shadow-glow-forest: 0 0 0 1px #f5efe259, 0 0 24px -2px #f5efe266;
  --shadow-float: 0 6px 16px #142a2140;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --gutter-mobile: 16px;
  --gutter-desktop: 48px;
  --content-max: 1200px;
  --tap-min: 44px;
  --header-h-mobile: 80px;
  --header-h-desktop: 112px;
  --logo-h-mobile: 60px;
  --logo-h-desktop: 96px;
  --torn-h-mobile: 16px;
  --torn-h-desktop: 28px;
  --torn-arc-h-mobile: 32px;
  --torn-arc-h-desktop: 64px;
  --hero-inset-mobile: 8px;
  --hero-inset-desktop: 16px;
  --logo-icon-h: 48px;
  --logo-mark-h: 120px;
  --stagger-indent: 0.8em;
  --stagger-indent-wide: 320px;
  --tilt-a: -3deg;
  --tilt-b: 2deg;
  --tilt-c: -1.5deg;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.hero-xl { font-family: var(--font-display); font-size: 100px; line-height: 96px; font-weight: 250; letter-spacing: -0.01em; }
.hero { font-family: var(--font-display); font-size: 76px; line-height: 76px; font-weight: 250; letter-spacing: -0.01em; }
.hero-mobile { font-family: var(--font-display); font-size: 46px; line-height: 48px; font-weight: 300; letter-spacing: -0.01em; }
.section { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 300; letter-spacing: -0.01em; }
.section-mobile { font-family: var(--font-display); font-size: 36px; line-height: 40px; font-weight: 300; letter-spacing: -0.01em; }
.title { font-family: var(--font-body); font-size: 22px; line-height: 28px; font-weight: 600; }
.body-lg { font-family: var(--font-body); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.button { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 600; }
.price { font-family: var(--font-body); font-size: 20px; line-height: 28px; font-weight: 700; }
.price-total { font-family: var(--font-body); font-size: 24px; line-height: 32px; font-weight: 700; }
@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces-Italic-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/SourceSans3-Variable-latin.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }