@tailwind base;
@tailwind components;
@tailwind utilities;

/* ==== Design tokens (CSS variables) ==== */
/* Ajustes suaves: bajamos ligeramente el contraste de --border, --ring y tonos secundarios */
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.975 0 0);             /* + suave */
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.975 0 0);                  /* + suave */
  --muted-foreground: oklch(0.56 0 0);
  --accent: oklch(0.975 0 0);                 /* + suave */
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);

  /* SUAVIZADO CLAVE EN BORDES/LÍNEAS */
  --border: oklch(0.94 0 0);                  /* antes 0.922 */
  --input: oklch(0.94 0 0);
  --ring: oklch(0.76 0 0);                     /* antes 0.708, un poco menos gris = más limpio */

  /* Charts */
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);

  --radius: 0.625rem;

  /* Sidebar */
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.975 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.76 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.29 0 0);               /* + suave */
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.29 0 0);                    /* + suave */
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.29 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);

  /* SUAVIZADO CLAVE EN DARK */
  --border: oklch(0.315 0 0);                  /* antes 0.269 */
  --input: oklch(0.315 0 0);
  --ring: oklch(0.47 0 0);                      /* antes 0.439 */

  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);

  --sidebar: oklch(0.215 0 0);                  /* un pelín más claro que 0.205 */
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.29 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.315 0 0);
  --sidebar-ring: oklch(0.47 0 0);
}

/* ===== Base (v3): ya sin @theme inline ni @custom-variant ===== */
@layer base {
  * {
    @apply border-border;
  }

  /* Foco accesible y sutil en elementos interactivos */
  :is(button,[role="button"],a,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus {
    @apply outline-none;
  }
  :is(button,[role="button"],a,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible {
    @apply ring-2 ring-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}