/**
 * Monkeys UI global body background styles.
 *
 * The gradient is derived from the primary design token. The token compiler
 * publishes --primary and the legacy palette bridge derives --monkeys-* shades from it.
 *
 * Requirements for the consuming app:
 *   - The monkeys color scale (--monkeys-* CSS vars set by setTailwindTheme from the palette module)
 *   - windy-radix-palette Tailwind plugin (for gray color vars)
 *   - Tailwind CSS (for theme() and @apply resolution at build time)
 */

body {
  background: linear-gradient(theme('colors.monkeys.100/0.35') 0%, theme('colors.gray.1') 50%);
  overflow: hidden;
}

html.dark body {
  @apply bg-gray-2;
}