:root {
  --green: #A7E8A1;
  --navy: #102A43;
  --black: #000000;
  --white: #FFFFFF;
  --font: "Segoe UI", Arial, sans-serif;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --radius: 0.8rem;
  --border: 2px solid var(--green);
  --button-height: 44px;
  --button-height-compact: 36px;
  --button-radius: 0.55rem;
  --button-gap: 0.65rem;
  --content-width: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-family: var(--font); color: var(--black); background: var(--white); }
body { margin: 0; min-width: 280px; background: var(--white); color: var(--black); }
button, input { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; }
::selection { background: var(--green); color: var(--black); }