/* ── RESET ── */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ── CSS VARIABLES ── */
:root {
  /* Brand greens */
  --green:  #006B3C;
  --green2: #008B4C;
  --green3: #E6F5EE;
  --green4: #C8EDD9;

  /* Brand reds */
  --red:  #BE0027;
  --red2: #E8002F;

  /* Neutrals */
  --white:  #FFFFFF;
  --off:    #F8FAF9;
  --paper:  #F2F6F4;
  --ink:    #0D1F17;
  --ink2:   #2D4A3A;
  --muted:  #6B8A78;
  --border: #D4E4DC;

  /* Accent */
  --amber: #C87200;

  /* Seat states */
  --seat-green: #006B3C;
  --seat-amber: #C87200;
  --seat-red:   #BE0027;
  --seat-sel:   #1A4FA0;
}

/* ── BASE ── */
html {
  scroll-behavior: smooth;
}

body {
  background: var(--white);
  color: var(--ink);
  font-family: 'DM Sans', sans-serif;
  overflow-x: hidden;
}