/* NextRooms shared tokens. Brand values from the logo SVG; text-gold derived for contrast on cream. */
:root {
  --green: #063b32;        /* logo green. Headlines, body on cream, dark bands */
  --gold: #be9143;         /* logo gold. Rules, circles, badges, and text ON GREEN only */
  --gold-text: #7d5f26;    /* gold for TEXT on cream. #be9143 on cream is 2.5:1, this is ~4.8:1 */
  --gold-display: #9c7330;  /* gold for LARGE text (24px+) on cream, 3.7:1, closer to the brand than --gold-text */
  --gold-on-green: #d4a955; /* gold for TEXT on green under 24px. #be9143 on green is 4.36:1, this is ~5.7:1 */
  --cream: #f2ede3;        /* page background */
  --cream-deep: #e9e2d3;   /* hairlines, subtle fills on cream */
  --ink-muted: #4a5b55;    /* secondary body on cream, 6.5:1 */
  --cream-muted: #cfd9d3;  /* secondary body on green */
  --green-deep: #042b24;   /* hover on green buttons */

  --font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --step-0: 1rem;          /* 16 body */
  --step-1: 1.125rem;      /* 18 lead */
  --step-2: 1.375rem;      /* 22 h3 */
  --step-3: 1.75rem;       /* 28 h2 */
  --step-4: clamp(2.125rem, 1.2rem + 3.6vw, 3.5rem);  /* 34 -> 56 h1 */
  --eyebrow: 0.8125rem;    /* 13, tracked caps */

  --measure: 62ch;
  --container: 1120px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section: clamp(4rem, 8vw, 7.5rem);
  --radius-pill: 999px;
  --radius: 6px;

  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur: 220ms;
}
html { color-scheme: light only; }