/* Tema "Acero" para Blazor Blueprint.
   Uso en la app: cargar ANTES de _content/BlazorBlueprint.Components/blazorblueprint.css.
   Base: paleta Slate de la librería. Primario propio: azul petróleo (#116384).
   Solo redefine variables oficiales; ningún componente se modifica.
   Es el único sitio con colores, fuentes y radio: para cambiar de tema se sustituyen
   los bloques :root y .dark por los que exporta tweakcn (temas de shadcn/ui). */

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.129 0.042 264.695);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);

  --primary: oklch(0.47 0.09 232);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.554 0.046 257.417);
  --accent: oklch(0.968 0.007 247.896);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);

  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.869 0.022 252.894);
  --ring: oklch(0.47 0.09 232);

  --chart-1: oklch(0.47 0.09 232);
  --chart-2: oklch(0.769 0.188 70.08);
  --chart-3: oklch(0.6 0.118 184.714);
  --chart-4: oklch(0.554 0.046 257.417);
  --chart-5: oklch(0.577 0.245 27.325);

  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.47 0.09 232);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.95 0.02 232);
  --sidebar-accent-foreground: oklch(0.33 0.07 232);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.47 0.09 232);

  --radius: 0.375rem;
  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
}

.dark {
  --background: oklch(0.129 0.042 264.695);
  --foreground: oklch(0.984 0.003 247.858);
  --card: oklch(0.155 0.04 264);
  --card-foreground: oklch(0.984 0.003 247.858);
  --popover: oklch(0.155 0.04 264);
  --popover-foreground: oklch(0.984 0.003 247.858);

  --primary: oklch(0.74 0.105 222);
  --primary-foreground: oklch(0.17 0.035 245);
  --secondary: oklch(0.279 0.041 260.031);
  --secondary-foreground: oklch(0.984 0.003 247.858);
  --muted: oklch(0.279 0.041 260.031);
  --muted-foreground: oklch(0.704 0.04 256.788);
  --accent: oklch(0.279 0.041 260.031);
  --accent-foreground: oklch(0.984 0.003 247.858);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.984 0.003 247.858);

  --border: oklch(0.279 0.041 260.031);
  --input: oklch(0.372 0.044 257.287);
  --ring: oklch(0.74 0.105 222);

  --chart-1: oklch(0.74 0.105 222);
  --chart-2: oklch(0.828 0.189 84.429);
  --chart-3: oklch(0.696 0.17 162.48);
  --chart-4: oklch(0.704 0.04 256.788);
  --chart-5: oklch(0.704 0.191 22.216);

  --sidebar: oklch(0.155 0.04 264);
  --sidebar-foreground: oklch(0.984 0.003 247.858);
  --sidebar-primary: oklch(0.74 0.105 222);
  --sidebar-primary-foreground: oklch(0.17 0.035 245);
  --sidebar-accent: oklch(0.279 0.041 260.031);
  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
  --sidebar-border: oklch(0.279 0.041 260.031);
  --sidebar-ring: oklch(0.74 0.105 222);
}
