/* Stay design tokens (Claret). Mirrors design/tokens.json; source is brand/stay-brand-guide.md.
   Use these variables in all UI code. Never hard-code hex values. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..700;1,6..96,400..700&family=Schibsted+Grotesk:wght@400;500;600&display=swap');

:root {
  --stay-ground: #3A0F18;
  --stay-deep: #1F070D;
  --stay-raised: #2A0A11;
  --stay-text: #F4EDE6;
  --stay-text-soft: #E9DDD6;
  --stay-muted: #C9A7A0;
  --stay-accent: #E2C99B;
  --stay-on-accent: #3A0F18;
  --stay-alt-bg: #F4EDE6;
  --stay-alt-text: #3A0F18;
  --stay-alt-muted: #6E4F4D;
  --stay-hairline: rgba(244,237,230, 0.14);

  --stay-font-display: 'Bodoni Moda', Didot, 'Times New Roman', serif;
  --stay-font-body: 'Schibsted Grotesk', system-ui, sans-serif;

  --stay-radius-card: 16px;
  --stay-radius-photo: 4px;
  --stay-radius-membership-card: 18px;
  --stay-radius-button: 999px;

  --stay-space-1: 4px;   --stay-space-2: 8px;   --stay-space-3: 12px;
  --stay-space-4: 16px;  --stay-space-5: 24px;  --stay-space-6: 32px;
  --stay-space-7: 48px;  --stay-space-8: 64px;  --stay-space-9: 96px;
  --stay-space-10: 120px; --stay-space-11: 140px;
}