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

/* Kumo (the component library of the base the desktop and the editor run on) in NUEVAUNO's brand. Like shadcn's themes
   over Radix: Kumo keeps its behavior and accessibility, and its tokens point at the brand's. Load public/tokens/tokens.css
   first; dark mode follows the same data-mode attribute the editor sets. One font (Urbanist) at one weight (400), one
   accent, no gradients, square corners. It brings the kit's fonts, relative to this file (../fonts/): Urbanist with its
   extended range (the "ō" of Kōdo) and Ubuntu Mono. !important because Kumo declares its tokens on the same elements. */
@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");
}

:root, :root[data-theme], [data-mode] {
  --font-sans: var(--nu-font-family-sans) !important;
  --font-weight-medium: var(--nu-font-weight-regular) !important;
  --font-weight-semibold: var(--nu-font-weight-regular) !important;
  --font-weight-bold: var(--nu-font-weight-regular) !important;
  --color-kumo-brand: var(--nu-color-accent) !important;
  --color-kumo-brand-hover: var(--nu-color-accent-hover) !important;
  --color-kumo-focus: var(--nu-color-accent) !important;
  --color-kumo-info: var(--nu-color-ink) !important;
  --color-kumo-info-tint: var(--nu-color-hover) !important;
  --color-kumo-banner-info: var(--nu-color-accent-soft) !important;
  --color-kumo-badge-blue: var(--nu-color-ink) !important;
  --color-kumo-canvas: var(--nu-color-background) !important;
  --color-kumo-base: var(--nu-color-surface) !important;
  --color-kumo-elevated: var(--nu-color-surface) !important;
  --color-kumo-control: var(--nu-color-surface) !important;
  --color-kumo-recessed: var(--nu-color-background) !important;
  --color-kumo-tint: var(--nu-color-hover) !important;
  --color-kumo-line: var(--nu-color-border) !important;
  --color-kumo-hairline: var(--nu-color-divider) !important;
  --color-kumo-interact: var(--nu-color-accent-soft) !important;
  --text-color-kumo-default: var(--nu-color-ink) !important;
  --text-color-kumo-strong: var(--nu-color-ink) !important;
  --text-color-kumo-subtle: var(--nu-color-muted) !important;
  --text-color-kumo-inactive: var(--nu-color-faint) !important;
  --text-color-kumo-link: var(--nu-color-accent) !important;
  --color-blue-500: var(--nu-color-accent) !important;
  --color-blue-600: var(--nu-color-accent) !important;
  --color-blue-700: var(--nu-color-accent-hover) !important;
  --kumo-button-emphasis-bg: var(--nu-color-accent) !important;
  --kumo-button-emphasis-gradient-start: var(--nu-color-accent) !important;
  --kumo-button-emphasis-gradient-end: var(--nu-color-accent) !important;
  --kumo-button-emphasis-ring: var(--nu-color-accent) !important;
}

[data-mode="dark"] {
  color-scheme: dark;
}

html, body, body * {
  font-family: var(--nu-font-family-sans) !important;
  font-weight: var(--nu-font-weight-regular) !important;
  border-radius: var(--nu-radius-default) !important;
}

code, pre, kbd, samp, code *, pre * {
  font-family: var(--nu-font-family-mono) !important;
}

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

button, [role="button"], a[class*="button"] {
  background-image: none !important;
}

[class*="--kumo-button-emphasis-bg"] {
  background-color: var(--nu-color-accent) !important;
  color: var(--nu-color-on-accent) !important;
}

[class*="--kumo-button-emphasis-bg"]:not(:disabled):hover {
  background-color: var(--nu-color-accent-hover) !important;
}

[class*="--kumo-button-emphasis-gradient"] {
  background-image: none !important;
  background-color: transparent !important;
}

[class*="--kumo-button-emphasis-ring"] {
  --tw-ring-color: var(--nu-color-accent) !important;
}

/* A disabled main button stays readable in dark mode (Kumo halves the whole button's opacity). */
[data-mode="dark"] [class*="--kumo-button-emphasis-bg"]:disabled {
  background-color: color-mix(in srgb, var(--nu-color-accent) 45%, transparent) !important;
  opacity: 1;
}

::selection {
  background: var(--nu-color-accent-soft);
}