/* Generated by brand/scripts/build-components.mjs from brand/components/. Do not edit. Load public/tokens/tokens.css first. */

/* Base: the root of a screen built with the components (usually <body>). The font, size, line height and color of the
   brand, the screen's background, border-box sizing, and no bold anywhere: hierarchy goes by size and color. Form
   controls take the font of the screen instead of the browser's. */

/* The brand's fonts, from the kit, never from a fonts service (it breaks the "ō" of Kōdo). The addresses are relative to this
   file, so they work wherever brand/public is published (ui.nuevauno.com, a Worker's own files). */
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/urbanist-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/urbanist-var-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ubuntu-mono-400.woff2") format("woff2");
}
.nu-ui,
.nu-ui *,
.nu-ui *::before,
.nu-ui *::after {
  box-sizing: border-box;
}

.nu-ui {
  margin: 0;
  background: var(--nu-color-background);
  font-family: var(--nu-font-family-sans);
  font-size: var(--nu-size-body);
  font-weight: var(--nu-font-weight-regular);
  line-height: var(--nu-font-line-height-normal);
  color: var(--nu-color-ink);
  -webkit-font-smoothing: antialiased;
}

.nu-ui :where(b, strong, h1, h2, h3, h4, h5, h6, th) {
  font-weight: var(--nu-font-weight-regular);
}

.nu-ui :where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
}

/* What is hidden stays hidden, even when its component's class says display: flex (a form shown after a step). */
.nu-ui [hidden] {
  display: none;
}

/* Density. Without it the components keep their touch sizes (one-column pages, Home, wizards). --compact is for work
   screens with a mouse (lists, records, apps): 32 px controls and 14 px text, back to touch sizes on a touch screen.
   The components read these variables, each with the comfortable value as its fallback. */
.nu-ui--compact {
  --nu-ui-control: var(--nu-control-pointer);
  --nu-ui-control-small: var(--nu-control-pointer-small);
  --nu-ui-text: var(--nu-size-small);
  --nu-ui-text-small: var(--nu-size-small);
  --nu-ui-input: var(--nu-size-small);
  --nu-ui-chip: var(--nu-control-chip-small);
  --nu-ui-chip-pad: var(--nu-space-8);
  --nu-ui-pad: var(--nu-space-14);
  --nu-ui-pad-small: var(--nu-space-10);
  --nu-ui-field-pad: var(--nu-space-10);
  --nu-ui-gap: var(--nu-space-8);
  font-size: var(--nu-size-small);
}

@media (pointer: coarse) {
  .nu-ui--compact {
    --nu-ui-control: var(--nu-control-touch);
    --nu-ui-control-small: var(--nu-control-touch-small);
    --nu-ui-text: var(--nu-size-body);
    --nu-ui-text-small: var(--nu-size-body);
    --nu-ui-input: var(--nu-size-input);
    font-size: var(--nu-size-body);
  }
}