/* Provisional neutral theme. Apply desig.md here when the brand guide arrives.
   Semantic names follow https://ui.shadcn.com/docs/theming.
   Full colors work with the existing Tailwind CDN and legacy CSS. */
:root {
  color-scheme: light;
  --background: #fafafa;
  --foreground: #18181b;
  --card: #ffffff;
  --card-foreground: #18181b;
  --popover: #ffffff;
  --popover-foreground: #18181b;
  --primary: #27272a;
  --primary-foreground: #fafafa;
  --secondary: #f4f4f5;
  --secondary-foreground: #27272a;
  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #ededf0;
  --accent-foreground: #18181b;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #e4e4e7;
  --input: #d4d4d8;
  --ring: #71717a;
  --sidebar: #f4f4f5;
  --sidebar-foreground: #3f3f46;
  --sidebar-accent: #e4e4e7;
  --sidebar-accent-foreground: #18181b;
  --chart-1: #3f3f46;
  --chart-2: #a1a1aa;
  --chart-3: #71717a;
  --chart-4: #c4c4cc;
  --chart-5: #e4e4e7;
  --chart-fill: #f4f4f5;
  /* Tonos de estado apagados (texto / barra-punto / fondo suave). Siempre con texto, nunca solos. */
  --tone-neutral: #52525b; --tone-neutral-bar: #a1a1aa; --tone-neutral-soft: #f4f4f5;
  --tone-info: #4a6382;    --tone-info-bar: #8aa1bd;    --tone-info-soft: #eef2f7;
  --tone-good: #4d7a60;    --tone-good-bar: #7aa48b;    --tone-good-soft: #edf3ef;
  --tone-warn: #8a6a2c;    --tone-warn-bar: #c8a15a;    --tone-warn-soft: #f6f0e3;
  --tone-bad: #9b5045;     --tone-bad-bar: #c9837a;     --tone-bad-soft: #f7ebe9;
  --radius: 0.625rem;
  --font-sans: 'Inter', sans-serif;
}
.dark {
  color-scheme: dark;
  --background: #09090b;
  --foreground: #fafafa;
  --card: #18181b;
  --card-foreground: #fafafa;
  --popover: #18181b;
  --popover-foreground: #fafafa;
  --primary: #fafafa;
  --primary-foreground: #18181b;
  --secondary: #27272a;
  --secondary-foreground: #fafafa;
  --muted: #27272a;
  --muted-foreground: #a1a1aa;
  --accent: #303036;
  --accent-foreground: #fafafa;
  --destructive: #f87171;
  --destructive-foreground: #18181b;
  --border: #303036;
  --input: #3f3f46;
  --ring: #a1a1aa;
  --chart-1: #e4e4e7;
  --chart-2: #71717a;
  --chart-3: #a1a1aa;
  --chart-4: #52525b;
  --chart-5: #3f3f46;
  --chart-fill: #202023;
  --tone-neutral: #c4c4cc; --tone-neutral-bar: #71717a; --tone-neutral-soft: rgb(161 161 170 / 0.12);
  --tone-info: #a9bdd6;    --tone-info-bar: #8aa1bd;    --tone-info-soft: rgb(138 161 189 / 0.12);
  --tone-good: #a3c7b0;    --tone-good-bar: #7aa48b;    --tone-good-soft: rgb(122 164 139 / 0.12);
  --tone-warn: #dcbd82;    --tone-warn-bar: #c8a15a;    --tone-warn-soft: rgb(200 161 90 / 0.12);
  --tone-bad: #e2a69c;     --tone-bad-bar: #c9837a;     --tone-bad-soft: rgb(201 131 122 / 0.12);
  --sidebar: #141416;
  --sidebar-foreground: #d4d4d8;
  --sidebar-accent: #27272a;
  --sidebar-accent-foreground: #fafafa;
}
/* Bridge for existing views; these aliases inherit the active theme. */
:root, .dark {
  --color-primary: var(--primary);
  --color-primary-hover: var(--foreground);
  --color-primary-light: var(--accent);
  --color-secondary: var(--muted-foreground);
  --color-error: var(--destructive);
  --bg-primary: var(--card);
  --bg-secondary: var(--background);
  --bg-tertiary: var(--muted);
  --bg-hover: var(--accent);
  --bg-gradient: var(--background);
  --text-primary: var(--foreground);
  --text-secondary: var(--sidebar-foreground);
  --text-tertiary: var(--muted-foreground);
  --border-primary: var(--border);
  --border-secondary: var(--input);
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.04);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.06);
  --shadow-lg: 0 8px 24px rgb(0 0 0 / 0.08);
  --shadow-xl: 0 12px 36px rgb(0 0 0 / 0.1);
}