/**
 * Humain One Brand Overrides
 *
 * Usage:
 *   import '@humain/ui/styles.css'
 *   import '@humain/ui/one.css'
 */

:root {
  --bg-nav-active: var(--air-800);
  --text-nav-active: var(--oasis-300);
  --bg-selected: var(--air-800);
  --text-selected: var(--oasis-300);
  --accent-interactive: var(--air-800);
  --accent-interactive-foreground: var(--oasis-300);
}

.dark {
  --bg-nav-active: var(--air-700);
  --text-nav-active: var(--oasis-200);
  --bg-selected: var(--air-700);
  --text-selected: var(--oasis-200);
  --accent-interactive: var(--air-700);
  --accent-interactive-foreground: var(--oasis-200);
}