/* Direction: Glow Studio — blush paper, aubergine ink, rose-gold accents, an elegant serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #fbf4ef;
  --surface: #fffaf6;
  --surface-2: #f3e4dc;
  --border: #e7d3c9;
  --border-strong: #b6adab;
  --ink: #2a1722;
  --muted: #6e5560;
  --accent: #8c2f5a;
  --accent-hover: #77284d;
  --accent-ink: #ffffff;
  --accent-text: #8c2f5a;
  --accent-strong: #6e2247;
  --accent-soft: #f6dde4;
  --accent-border: #c99bac;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfe6da;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f2e1d3;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f3dad6;
  --danger-strong: #b91c1c;
  --chart-1: #8c2f5a;
  --chart-2: #a95703;
  --chart-3: #4c5300;
  --chart-4: #0e7c67;
  --chart-5: #035476;
  --chart-6: #745ab1;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.02em;
  --radius-card: 20px;
  --radius-btn: 999px;
  --radius-input: 12px;
  --x-band: #2a1722;
  --x-on-photo: #ffffff;
  --x-band-muted: #d9bfc9;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #14070d;
  --surface: #2c2025;
  --surface-2: #201319;
  --border: #352a2f;
  --border-strong: #5b5156;
  --ink: #fbf4ef;
  --muted: #9f9595;
  --accent: #8c2f5a;
  --accent-hover: #9d4e73;
  --accent-ink: #ffffff;
  --accent-text: #b9819b;
  --accent-strong: #b37692;
  --accent-soft: #2e101e;
  --accent-border: #4a1930;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #142218;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #37180c;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #380c10;
  --danger-strong: #d16969;
  --chart-1: #ad4d77;
  --chart-2: #cb7532;
  --chart-3: #7e8908;
  --chart-4: #199d84;
  --chart-5: #3f83cd;
  --chart-6: #a770c4;
}

.price-row { display: flex; align-items: baseline; gap: 0.75rem; }
.price-row .leader { flex: 1; border-bottom: 1px dotted var(--border); transform: translateY(-4px); min-width: 1rem; }
.hero-arch { border-radius: 999px 999px 24px 24px; overflow: hidden; }
.gallery-grid { display: grid; gap: 0.75rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) {
  .gallery-grid { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 14rem; }
  .gallery-grid .tall { grid-row: span 2; }
  .gallery-grid .wide { grid-column: span 2; }
}
.hours-today { background: var(--accent-soft); color: var(--accent-strong); border-radius: 10px; }
@keyframes float-in { from { transform: translateY(18px); } to { transform: none; } }
.float-in { animation: float-in 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
html.reduced-motion .float-in { animation: none; }