/* Mamahotel design tokens, sketch C2 (D-01) with the research contrast fixes.
   Semantic --mh-* names only: this file is the one place a later WordPress port copies colours from. */
:root {
  /* surfaces */
  --mh-bg: #120d16;
  --mh-bg-glow: #241a2e;
  --mh-surface: #1c1420;
  --mh-surface-line: #332438;          /* decorative lines only, 1.47:1 vs bg: never a component boundary */
  --mh-border-strong: #8a6a96;         /* input and ghost-button borders, 4.19:1 on --mh-bg (WCAG 1.4.11) */

  /* text and accent */
  --mh-text: #eaeef8;
  --mh-text-muted: #94a0bb;
  --mh-accent: #ff7ad9;
  --mh-accent-hover: #ff94e2;
  --mh-accent-ink: #2d0b23;

  /* paper (the "do not disturb" tag and other cream surfaces) */
  --mh-paper: #f7eedd;
  --mh-ink: #3a2b1d;
  --mh-ink-muted: #7a6245;
  --mh-ink-hint: #6f5a3d;              /* replaces the sketch's #a08a6a (2.88:1); 5.69:1 on --mh-paper */
  --mh-paper-edge: #d9c9ab;
  --mh-ink-soft: #5f4b30;              /* body copy on paper (cookie bar), 7.0:1 on --mh-paper */
  --mh-ink-deep: #2a1f15;              /* hover / pressed state of an ink button */

  /* states and label */
  --mh-danger: #ff9b9b;
  --mh-success: #6ee7b7;
  --mh-label-bg: #fbbf24;
  --mh-label-ink: #120d16;
  --mh-link-on-paper: #8a1d63;
  --mh-gold: #fbbf24;                  /* the yellow of the stars and the PROTOTYP label, used for text links, outlined pills and teaser buttons on the dark page (D-12, D-13, D-14); contrast-tested: >= 4.5:1 on bg, bg-glow, surface, and label-ink on it */

  /* the word WhatsApp in buttons and the channel chip (quick 261016-w9d) */
  --mh-whatsapp: #25d366;              /* WhatsApp brand green for the word WhatsApp only, never a fill behind text; 9.67:1 on --mh-bg, 8.39:1 on --mh-bg-glow, 9.05:1 on --mh-surface */
  --mh-whatsapp-on-paper: #0a6b36;     /* the same word on cream: 5.75:1 on --mh-paper, only 4.07:1 on --mh-paper-edge, so the hovered on-paper button gives the word back the ink */

  /* the neon sign and the door (D-01): sign colours are decorative, never used for text that must be read */
  --mh-sign-dead: #57304c;             /* the dead O, 1.76:1 on --mh-bg: decorative only, the sign carries aria-label */
  --mh-star: #fbbf24;
  --mh-star-off: #4a3b22;
  --mh-brass-light: #f6dc95;
  --mh-brass-dark: #a8812f;

  /* glows and shadows */
  --mh-glow-accent: 0 0 8px #ff7ad9, 0 0 28px rgba(255, 122, 217, 0.6), 0 0 60px rgba(255, 122, 217, 0.35);
  --mh-glow-soft: 0 0 18px rgba(255, 122, 217, 0.4);
  --mh-shadow-lg: 0 24px 50px rgba(0, 0, 0, 0.55);
  --mh-shadow-knob: 0 6px 14px rgba(0, 0, 0, 0.55);
  --mh-shadow-inset: inset 0 -6px 0 rgba(0, 0, 0, 0.06);
  --mh-shadow-ticket: 0 -8px 28px rgba(0, 0, 0, 0.5);
  --mh-scrim: rgba(18, 13, 22, 0.72);

  /* motion */
  --mh-sway-duration: 5s;

  /* sizing */
  --mh-tap: 48px;

  /* fonts (self-hosted files arrive with the typography plan; system fallbacks until then) */
  --mh-font-display: 'Chakra Petch', system-ui, sans-serif;
  --mh-font-body: 'Inter', system-ui, sans-serif;

  /* spacing scale */
  --mh-space-1: 4px;
  --mh-space-2: 8px;
  --mh-space-3: 12px;
  --mh-space-4: 16px;
  --mh-space-6: 24px;
  --mh-space-8: 32px;
  --mh-space-12: 48px;
  --mh-space-16: 64px;

  /* radii */
  --mh-radius-sm: 6px;
  --mh-radius-md: 12px;
  --mh-radius-lg: 18px;
  --mh-radius-full: 9999px;
}