/* Modo CLARO — servido VERBATIM de public/ (o Vite/Tailwind nao processa arquivos em public/).
   Carregado via <link> no index.html. Cascade global: html[data-theme="light"] (0,1,1) vence :root
   (0,1,0) quando <html data-theme="light">. Default = dark (base do @theme no bundle).
   Chave: --color-white escuro faz as utilidades white/<alpha> virarem tinta escura no claro. */
html[data-theme="light"] {
  color-scheme: light;
  --color-white: #15181c;
  /* Base do padrão (claro) */
  --color-bg: #f6f7f8;
  --color-surface: #ffffff;
  --color-text: #15181c;
  --color-divider: rgba(0, 0, 0, 0.09);
  --color-neutral-100: #f3f4f6;
  --color-neutral-200: #eceef1;
  --color-neutral-300: #dfe2e6;
  --color-neutral-400: #c6cbd1;
  --color-neutral-500: #9aa1ab;
  --color-neutral-600: #7d848e;
  --color-neutral-700: #5d646e;
  --color-neutral-800: #3d434b;
  --color-neutral-900: #22262b;
  --color-accent: oklch(0.66 0.17 150);
  --color-accent-100: oklch(0.96 0.03 150);
  --color-accent-200: oklch(0.92 0.06 150);
  --color-accent-300: oklch(0.86 0.09 150);
  --color-accent-400: oklch(0.76 0.13 150);
  --color-accent-500: oklch(0.64 0.16 150);
  --color-accent-600: oklch(0.56 0.15 150);
  --color-accent-700: oklch(0.46 0.13 150);
  --color-accent-800: oklch(0.36 0.10 150);
  --color-accent-900: oklch(0.26 0.07 150);
  --color-accent-ink: #06140b;
  --color-amb: oklch(0.70 0.15 65);
  --color-amb-t: oklch(0.48 0.12 55);
  --color-amb-bg: oklch(0.95 0.04 80);
  --color-amb-line: oklch(0.82 0.09 70);
  --color-erro: oklch(0.55 0.20 25);
  --color-seg-on: #22262b;
  --color-seg-on-fg: #ffffff;
  /* Nomes do redesign de 2026-07 */
  --color-ink-950: #f6f7f8;
  --color-ink-900: #f6f7f8;
  --color-ink-850: #ffffff;
  --color-ink-800: #ffffff;
  --color-ink-750: #ffffff;
  --color-ink-700: #ffffff;
  --color-brand: oklch(0.66 0.17 150);
  --color-brand-deep: oklch(0.56 0.15 150);
  --color-brand-ink: #06140b;
  --color-role-master: oklch(0.46 0.13 150);
  --color-role-engineer: #0d8fa0;
  --color-role-analyst: oklch(0.48 0.12 55);
  --color-role-financial: #5b4bc4;
  --color-fg: #15181c;
  --color-fg-muted: #3d434b;
  --color-fg-dim: #5d646e;
  --color-fg-faint: #7d848e;
  --color-fg-ghost: #7d848e;
  --color-fg-mono: #7d848e;
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-modal: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-pop: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-brand: 0 0 0 0 transparent;
  --shadow-brand-sm: 0 0 0 0 transparent;
  --bg-base: #f6f7f8;
  --surface-1: #ffffff;
  --surface-2: #f3f4f6;
  --surface-3: #eceef1;
  --elevated: #ffffff;
  --text-1: #15181c;
  --text-2: #5d646e;
  --text-3: #7d848e;
  --text-4: #c6cbd1;
  --border-subtle: #eceef1;
  --border-default: #dfe2e6;
  --border-input: #c6cbd1;
  --border-focus: oklch(0.66 0.17 150);
  --focus-border: #7d848e;  /* input EM FOCO + borda da bolha do usuário — cinza médio (visível no claro), não-verde */
  --accent-yc-analyst: oklch(0.46 0.13 150);
  --accent-po: oklch(0.48 0.12 55);
  --accent-guest: #5b4bc4;
  --accent-agente: #0d8fa0;
  --focus-ring: oklch(0.66 0.17 150);
  --success: oklch(0.56 0.15 150);
  --danger: oklch(0.55 0.20 25);
  --danger-red: oklch(0.55 0.20 25);
  --warning: oklch(0.48 0.12 55);
}
html[data-theme="light"] .yc-grid-bg {
  background-image: radial-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px);
}