/* Native Language — Brand tokens
   Import Inter (or self-host) before using. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&display=swap');

:root {
  /* Neutrals */
  --nl-near-black: #050708;
  --nl-ink:        #121C1E;
  --nl-deep-slate: #1C2B2D;
  --nl-off-white:  #F7F7F3;
  --nl-cloud:      #F0F0F0;
  --nl-mid-gray:   #89918D;
  --nl-light-gray: #CED4D1;

  /* Greens */
  --nl-bright-green: #55D27D; /* primary accent */
  --nl-emerald:      #1E7842; /* accent on light, buttons */
  --nl-forest:       #16302A;
  --nl-mint:         #7EE8A6;

  /* Campaign only */
  --nl-lime-pop: #B8FF33;

  /* Roles */
  --nl-bg-dark:  var(--nl-near-black);
  --nl-bg-light: var(--nl-off-white);
  --nl-accent:   var(--nl-bright-green);
  --nl-accent-on-light: var(--nl-emerald);
  --nl-text-on-dark:  var(--nl-off-white);
  --nl-text-on-light: #141413;
  --nl-caption: var(--nl-mid-gray);

  --nl-font: 'Inter', 'Montserrat', 'Poppins', Arial, sans-serif;
}

.nl-hero    { font-family: var(--nl-font); font-weight: 900; letter-spacing: -0.02em; line-height: 1.02; }
.nl-h1      { font-family: var(--nl-font); font-weight: 800; letter-spacing: -0.01em; line-height: 1.1; }
.nl-h2      { font-family: var(--nl-font); font-weight: 800; line-height: 1.15; }
.nl-body    { font-family: var(--nl-font); font-weight: 400; line-height: 1.55; }
.nl-eyebrow { font-family: var(--nl-font); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }

.nl-accent  { color: var(--nl-bright-green); }
.nl-on-dark  { background: var(--nl-bg-dark);  color: var(--nl-text-on-dark); }
.nl-on-light { background: var(--nl-bg-light); color: var(--nl-text-on-light); }

.nl-btn {
  font-family: var(--nl-font); font-weight: 700;
  background: var(--nl-emerald); color: #fff;
  border-radius: 999px; padding: 0.9em 1.6em; border: 0;
}
.nl-pill {
  display: inline-block; border-radius: 999px;
  background: var(--nl-ink); color: var(--nl-bright-green);
  font-weight: 600; padding: 0.3em 0.9em;
}