/**
 * AgroShine — global stylesheet (mobile · NativeWind 4 / Tailwind v3).
 *
 * Las apps lo consumen desde su `metro.config.js`:
 *
 *   withNativeWind(config, { input: './global.css' });
 *
 * Y deben re-exportar las directivas de Tailwind + estas variables (o
 * `@import` este archivo) para que coincidan con el preset.
 *
 * Variables HSL semánticas (shadcn-compatibles) idénticas a las del web kit
 * en `tokens.css`. La escala completa de marca (default/primary/secondary/…)
 * vive en `tailwind.preset.cjs` porque NativeWind 4 todavía depende del
 * config de Tailwind v3.
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 343 91% 51%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 153 21% 31%;
    --radius: 8px;
  }

  .dark:root {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
  }
}