/* YMME Hotels design tokens — aligned with ymmehotels.com */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=DM+Sans:wght@400;500;600&display=swap');

:root {
  --ymme-paper: #F4EFE7;
  --ymme-paper2: #FBF7F1;
  --ymme-ink: #2A2520;
  --ymme-ink2: #5C5247;
  --ymme-terra: #9E3B26;
  --ymme-terra2: #BC5638;
  --ymme-bronze: #9A7B45;
  --ymme-stone: #6F665A;
  --ymme-line: #E0D7C7;
  --ymme-font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --ymme-font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

[data-theme="ymme"] {
  --color-background-primary: var(--ymme-paper2);
  --color-background-secondary: var(--ymme-paper);
  --color-background-tertiary: #EDE6DA;
  --color-text-primary: var(--ymme-ink);
  --color-text-secondary: var(--ymme-ink2);
  --color-text-tertiary: var(--ymme-stone);
  --color-text-info: var(--ymme-terra);
  --color-border-primary: var(--ymme-ink);
  --color-border-secondary: var(--ymme-line);
  --color-border-tertiary: #D4CABB;
  --font-sans: var(--ymme-font-sans);
}

[data-theme="ymme"] body {
  background: var(--ymme-paper);
  color: var(--ymme-ink);
  font-family: var(--ymme-font-sans);
}

[data-theme="ymme"] ::selection {
  background: var(--ymme-terra);
  color: var(--ymme-paper);
}