/* Generated by brand/scripts/build-components.mjs from brand/adapters/desktop.css. Do not edit. */

/* The NUEVAUNO desktop's own variables (community: the shell and app styles of packages/desktop, the Home styles of
   packages/os/base) on the brand's tokens. The desktop takes every other color from Kumo (see kumo.css);
   these are the ones it writes as values: the orange, its hover, its soft tint and the mono face. The doubled selectors
   win over the desktop's own declarations, which come later in the page. In dark mode the apps keep their own soft tint
   (html[data-mode="dark"] .nu-app, 16 % of the orange, next to the token's 14 %): it is left as it is, so nothing changes
   on screen. Load public/tokens/tokens.css first. */
:root:root {
  --nu-accent: var(--nu-color-accent);
  --nu-accent-hover: var(--nu-color-accent-hover);
  --nu-hover-warm: color-mix(in srgb, var(--nu-color-accent) 6%, transparent);
  --nu-active: color-mix(in srgb, var(--nu-color-accent) 10%, transparent);
  --nu-mono: var(--nu-font-family-mono);
}

.nu-app.nu-app {
  --nu-accent: var(--nu-color-accent);
  --nu-accent-hover: var(--nu-color-accent-hover);
  --nu-accent-soft: var(--nu-color-accent-soft);
  --nu-mono: var(--nu-font-family-mono);
}

.nu-home.nu-home {
  --nu-accent: var(--nu-color-accent);
  --nu-accent-soft: color-mix(in srgb, var(--nu-color-accent) 12%, transparent);
}