/**
 * KarinTheme - Cumplimiento Ley Karin Chile
 * Paleta profesional azul institucional / índigo
 * Transmite: confianza legal, seriedad, seguridad laboral, claridad
 */
:root {
  /* Base */
  --background: oklch(0.98 0.008 255);
  --foreground: oklch(0.20 0.05 265);

  /* Cards */
  --card: oklch(0.97 0.012 255);
  --card-foreground: oklch(0.22 0.05 265);

  /* Primary - Azul institucional (autoridad, confianza legal) */
  --primary: oklch(0.50 0.20 255);
  --primary-foreground: oklch(0.98 0.005 255);

  /* Secondary - Azul pálido (fondos de sección, chips) */
  --secondary: oklch(0.90 0.06 250);
  --secondary-foreground: oklch(0.28 0.08 265);

  /* Muted */
  --muted: oklch(0.94 0.02 255);
  --muted-foreground: oklch(0.48 0.05 260);

  /* Accent - Índigo vibrante (CTAs, badges, hover) */
  --accent: oklch(0.58 0.22 268);
  --accent-foreground: oklch(0.98 0.005 255);

  /* Destructive - Alerta / denuncia urgente */
  --destructive: oklch(0.60 0.22 22);
  --destructive-foreground: oklch(0.98 0 0);

  /* Borders & inputs */
  --border: oklch(0.86 0.03 255);
  --input: oklch(0.86 0.03 255);

  /* Typography - Clara y legible para documentos legales */
  --font-sans: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-serif: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Fira Mono", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* UI */
  --radius: 0.5rem;
  --shadow-opacity: 0.10;
  --shadow-2xs: 0 1px 3px 1px hsl(240 40% 25% / 0.04);
  --shadow-xs:  0 1px 3px 1px hsl(240 40% 25% / 0.07);
  --shadow-sm:  0 2px 4px -1px hsl(240 40% 25% / 0.10);
  --shadow:     0 3px 6px -2px hsl(240 40% 25% / 0.12);
  --shadow-md:  0 4px 8px -2px hsl(240 40% 25% / 0.14);
  --shadow-lg:  0 6px 12px -3px hsl(240 40% 25% / 0.16);
  --shadow-xl:  0 8px 16px -4px hsl(240 40% 25% / 0.18);
  --shadow-2xl: 0 10px 20px -5px hsl(240 40% 25% / 0.20);

  --spacing: 0.25rem;
  --navbar-height: calc(var(--spacing) * 15);
  @media (min-width: 768px) {
    --navbar-height: calc(var(--spacing) * 18);
  }
}

/* ================================== */
/* Dark Mode - Modo Nocturno Formal   */
/* ================================== */
.dark {
  --background: oklch(0.18 0.04 265);
  --foreground: oklch(0.95 0.015 250);

  --card: oklch(0.23 0.05 265);
  --card-foreground: var(--foreground);

  --primary: oklch(0.62 0.20 255);
  --primary-foreground: oklch(0.14 0.04 265);

  --secondary: oklch(0.32 0.07 260);
  --secondary-foreground: oklch(0.93 0.02 250);

  --muted: oklch(0.28 0.05 265);
  --muted-foreground: oklch(0.72 0.04 255);

  --accent: oklch(0.65 0.22 268);
  --accent-foreground: oklch(0.14 0.04 265);

  --destructive: oklch(0.65 0.23 22);
  --destructive-foreground: oklch(0.98 0 0);

  --border: oklch(0.38 0.06 260);
  --input: oklch(0.38 0.06 260);

  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-xs:  0 1px 3px 0px hsl(0 0% 0% / 0.12);
  --shadow-sm:  0 1px 3px 0px hsl(0 0% 0% / 0.16);
  --shadow:     0 2px 4px -1px hsl(0 0% 0% / 0.20);
  --shadow-md:  0 3px 6px -1px hsl(0 0% 0% / 0.22);
  --shadow-lg:  0 6px 10px -2px hsl(0 0% 0% / 0.24);
  --shadow-xl:  0 8px 14px -3px hsl(0 0% 0% / 0.26);
  --shadow-2xl: 0 12px 18px -4px hsl(0 0% 0% / 0.28);
}