/* INNOVACLEAN Chile — Design tokens (valores de canal HSL).
   Tailwind Play los consume como hsl(var(--token)). */

:root {
  --background: 210 40% 99%;
  --foreground: 222 47% 11%;

  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;

  --primary: 221 83% 33%;
  --primary-foreground: 210 40% 98%;
  --primary-glow: 221 83% 53%;

  --secondary: 210 40% 96%;
  --secondary-foreground: 222 47% 11%;

  --muted: 210 40% 96%;
  --muted-foreground: 215 16% 47%;

  --accent: 210 40% 94%;
  --accent-foreground: 222 47% 11%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 210 40% 98%;

  --border: 214 32% 91%;
  --input: 214 32% 91%;
  --ring: 221 83% 53%;

  --radius: 0.625rem;

  /* Status palette */
  --status-nueva: 221 83% 53%;
  --status-nueva-bg: 221 83% 95%;
  --status-revision: 38 92% 50%;
  --status-revision-bg: 38 92% 95%;
  --status-completa: 189 90% 38%;
  --status-completa-bg: 189 90% 94%;
  --status-cotizada: 262 83% 58%;
  --status-cotizada-bg: 262 83% 95%;
  --status-enviada: 142 71% 45%;
  --status-enviada-bg: 142 71% 94%;
  --status-cerrada: 215 16% 47%;
  --status-cerrada-bg: 215 16% 94%;
}

* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Selects nativos estilizados */
select.ic-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.6rem center;
  padding-right: 2rem;
}