/* Generated from Figma node 265:833 and related children */
:root {
  /* Base colors */
  --nl-color-bg: #ffffff;
  --nl-color-surface: #ffffff;
  --nl-color-text: #173751; /* from Rectangle 55 / vector fills */
  --nl-color-text-inverse: #ffffff;
  --nl-color-accent: #eeff00; /* from yellow text (id 308:285) */

  /* Typography */
  --nl-font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --nl-font-size-sm: 18px;
  --nl-font-size-md: 24px;
  --nl-font-size-lg: 32px;

  /* Radii */
  --nl-radius-s: 5px; /* from frame corner radius */
}

html, body {
  background: var(--nl-color-bg);
  color: var(--nl-color-text);
  font-family: var(--nl-font-family-sans);
}

/* Utility */
.nl-text-inverse { color: var(--nl-color-text-inverse); }
.nl-accent { color: var(--nl-color-accent); }
.nl-surface {
  background: var(--nl-color-surface);
  border-radius: var(--nl-radius-s);
}