@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap');
/** Sondos Camp visual direction: approved 2026-11-11 mockup. */
:root {
  color-scheme: light;
  --sc-color-deep-sea: #103b47;
  --sc-color-ocean: #07596b;
  --sc-color-teal: #2d8589;
  --sc-color-warm-sand: #f0cb99;
  --sc-color-ivory: #faf7f2;
  --sc-color-ink: #183440;
  --sc-color-muted: #526268;
  --sc-color-line: #e5e2db;
  --sc-color-terracotta: #bc7958;
  --sc-color-white: #ffffff;
  --sc-color-focus: #f1a838;
  --sc-color-danger: #a63239;
  --sc-color-available: #127c63;
  --sc-color-reserved: #a63239;
  --sc-color-blocked: #59616b;
  --sc-space-1: .25rem;
  --sc-space-2: .5rem;
  --sc-space-3: .75rem;
  --sc-space-4: 1rem;
  --sc-space-5: 1.25rem;
  --sc-space-6: 1.5rem;
  --sc-space-8: 2rem;
  --sc-space-10: 2.5rem;
  --sc-space-12: 3rem;
  --sc-space-16: 4rem;
  --sc-radius-sm: .5rem;
  --sc-radius-md: .75rem;
  --sc-radius-lg: 1.125rem;
  --sc-radius-xl: 1.75rem;
  --sc-shadow-card: 0 4px 18px rgb(23 62 71 / 10%);
  --sc-shadow-floating: 0 15px 42px rgb(28 69 80 / 14%);
  --sc-font-display: 'Momo Trust Display', Tahoma, Arial, sans-serif;
  --sc-font-body: 'DM Sans', Arial, sans-serif;
  --sc-container: 1400px;
  --sc-page-gutter: clamp(16px, 3vw, 32px);
  --sc-color-card-ink: #173f46;
  --sc-color-secondary-copy: #4f6b70;
  --sc-color-soft-sand: #e6d2ae;
  --sc-color-soft-ivory: #f8f5ed;
  --sc-color-memories-surface: #f5f1e8;
  --sc-focus-ring: 3px solid var(--sc-color-focus);
  /* Backward-compatible aliases: keep existing theme sections stable. */
  --deep: var(--sc-color-deep-sea);
  --sea: var(--sc-color-ocean);
  --teal: var(--sc-color-teal);
  --sand: var(--sc-color-warm-sand);
  --ivory: var(--sc-color-ivory);
  --ink: var(--sc-color-ink);
  --sub: var(--sc-color-muted);
  --line: var(--sc-color-line);
  --radius: var(--sc-radius-lg);
  --font-text: var(--sc-font-body);
  --font-display: var(--sc-font-display);
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
}