/**
 * Tokens de cor — alinhados a planejamento/páginas/0 Identidade visual.md
 * Tema padrão: escuro (html[data-theme="dark"] ou :root sem override).
 *
 * Pílulas de estado (oportunidade, temperatura, contrato, cliente): ver --pill-*
 * em [data-theme="light"] / [data-theme="dark"]; app.css apenas mapeia classes → tom.
 */
:root {
  color-scheme: light dark;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-nav: 6px;
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f4f7f6;
  --color-surface: #ffffff;
  --color-surface-hover: #eef5f4;
  --color-border: #d5e0dd;
  --color-border-table: #e0ebe8;
  --color-text: #14201e;
  --color-text-muted: #5c6d68;
  --color-primary: #5bbab2;
  --color-primary-hover: #4a9e97;
  --color-primary-muted: #e8f5f3;
  --color-secondary: #feb501;
  --color-secondary-hover: #e5a301;
  --color-danger: #c43d3d;
  --color-danger-hover: #a83232;
  --color-success: #1d8a6a;
  --color-success-muted: #e6f5f0;
  /* Amarelo suave (menos laranja) — avisos / morno */
  --color-warning: #b8860b;
  --color-warning-muted: #fffef5;
  /* Info: azul-gelo (perfil “frio”) */
  --color-info: #1e4e8c;
  --color-info-muted: #e8f2fc;
  --color-focus-ring: #5bbab2;
  --color-sidebar-bg: #e8edec;
  --color-sidebar-border: #d5e0dd;

  /*
   * Pílulas / selects de estado — taxonomia única (app.css mapeia classes → tom).
   * Tons: neutral, muted, info, primary, warning, warning-strong, success, success-accent,
   * danger-accent; iminência (vermelho vivo); contrato-fechado opp (azul calmo);
   * forgotten (cinza); violet (referência cliente).
   */
  --pill-neutral-bg: color-mix(in srgb, var(--color-text-muted) 14%, var(--color-surface));
  --pill-neutral-border: color-mix(in srgb, var(--color-text-muted) 28%, var(--color-border));
  --pill-neutral-fg: var(--color-text-muted);

  --pill-muted-bg: color-mix(in srgb, var(--color-text-muted) 12%, var(--color-surface));
  --pill-muted-border: color-mix(in srgb, var(--color-text-muted) 25%, var(--color-border));
  --pill-muted-fg: var(--color-text-muted);

  --pill-info-bg: var(--color-info-muted);
  --pill-info-border: color-mix(in srgb, var(--color-info) 40%, var(--color-border));
  --pill-info-border-soft: color-mix(in srgb, var(--color-info) 35%, var(--color-border));
  --pill-info-fg: var(--color-info);

  --pill-info-strong-border: color-mix(in srgb, var(--color-info) 45%, var(--color-border));

  --pill-primary-bg: var(--color-primary-muted);
  --pill-primary-border: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
  --pill-primary-fg: var(--color-primary-hover);

  --pill-warning-bg: var(--color-warning-muted);
  --pill-warning-border: color-mix(in srgb, var(--color-warning) 40%, var(--color-border));
  --pill-warning-fg: var(--color-warning);

  --pill-warning-strong-bg: color-mix(in srgb, var(--color-warning) 22%, var(--color-surface));
  --pill-warning-strong-border: color-mix(in srgb, var(--color-warning) 48%, var(--color-border));
  --pill-warning-strong-fg: var(--color-warning);

  --pill-success-bg: var(--color-success-muted);
  --pill-success-border: color-mix(in srgb, var(--color-success) 50%, var(--color-border));
  --pill-success-border-accent: color-mix(in srgb, var(--color-success) 45%, var(--color-border));
  --pill-success-border-strong: color-mix(in srgb, var(--color-success) 55%, var(--color-border));
  --pill-success-fg: var(--color-success);

  --pill-danger-bg: color-mix(in srgb, var(--color-danger) 16%, var(--color-surface));
  --pill-danger-border: color-mix(in srgb, var(--color-danger) 40%, var(--color-border));
  --pill-danger-fg: var(--color-danger);

  --pill-danger-accent-bg: color-mix(in srgb, var(--color-danger) 18%, var(--color-surface));
  --pill-danger-accent-border: color-mix(in srgb, var(--color-danger) 42%, var(--color-border));

  /* Oportunidade: iminência de fechamento — vermelho bem vivo (texto escuro no tema claro) */
  --pill-iminencia-bg: color-mix(in srgb, #dc2626 28%, var(--color-surface));
  --pill-iminencia-border: color-mix(in srgb, #dc2626 62%, var(--color-border));
  --pill-iminencia-fg: #991b1b;

  /* Oportunidade: contrato fechado — azul escuro acalmante */
  --pill-contrato-fechado-bg: #e4eaf5;
  --pill-contrato-fechado-border: color-mix(in srgb, #1e3a5f 38%, var(--color-border));
  --pill-contrato-fechado-fg: #1a365d;

  /* Perdido / desqualificado — cinza “para esquecer” */
  --pill-forgotten-bg: color-mix(in srgb, #64748b 12%, var(--color-surface));
  --pill-forgotten-border: color-mix(in srgb, #64748b 26%, var(--color-border));
  --pill-forgotten-fg: #5b6578;

  --pill-violet-bg: color-mix(in srgb, #a855f7 16%, var(--color-surface));
  --pill-violet-border: color-mix(in srgb, #a855f7 40%, var(--color-border));
  --pill-violet-fg: #6b21a8;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0f1413;
  --color-surface: #1a2220;
  --color-surface-hover: #222d2a;
  --color-border: #2f3d39;
  --color-border-table: #2a3834;
  --color-text: #e8f0ee;
  --color-text-muted: #94a8a2;
  --color-primary: #6dccc4;
  --color-primary-hover: #8fd9d2;
  --color-primary-muted: #1e2e2b;
  --color-secondary: #ffc429;
  --color-secondary-hover: #feb501;
  --color-danger: #f87171;
  --color-danger-hover: #fca5a5;
  --color-success: #4ade80;
  --color-success-muted: #14532d;
  --color-warning: #facc15;
  --color-warning-muted: #2a2615;
  --color-info: #7dd3fc;
  --color-info-muted: #0f2438;
  --color-focus-ring: #6dccc4;
  --color-sidebar-bg: #141a18;
  --color-sidebar-border: #2f3d39;

  --pill-neutral-bg: color-mix(in srgb, var(--color-text-muted) 16%, var(--color-surface));
  --pill-neutral-border: color-mix(in srgb, var(--color-text-muted) 32%, var(--color-border));
  --pill-neutral-fg: var(--color-text-muted);

  --pill-muted-bg: color-mix(in srgb, var(--color-text-muted) 14%, var(--color-surface));
  --pill-muted-border: color-mix(in srgb, var(--color-text-muted) 28%, var(--color-border));
  --pill-muted-fg: var(--color-text-muted);

  --pill-info-bg: var(--color-info-muted);
  --pill-info-border: color-mix(in srgb, var(--color-info) 42%, var(--color-border));
  --pill-info-border-soft: color-mix(in srgb, var(--color-info) 38%, var(--color-border));
  --pill-info-fg: var(--color-info);

  --pill-info-strong-border: color-mix(in srgb, var(--color-info) 48%, var(--color-border));

  --pill-primary-bg: var(--color-primary-muted);
  --pill-primary-border: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));
  --pill-primary-fg: var(--color-primary-hover);

  --pill-warning-bg: var(--color-warning-muted);
  --pill-warning-border: color-mix(in srgb, var(--color-warning) 42%, var(--color-border));
  --pill-warning-fg: var(--color-warning);

  --pill-warning-strong-bg: color-mix(in srgb, var(--color-warning) 24%, var(--color-surface));
  --pill-warning-strong-border: color-mix(in srgb, var(--color-warning) 50%, var(--color-border));
  --pill-warning-strong-fg: var(--color-warning);

  --pill-success-bg: var(--color-success-muted);
  --pill-success-border: color-mix(in srgb, var(--color-success) 48%, var(--color-border));
  --pill-success-border-accent: color-mix(in srgb, var(--color-success) 44%, var(--color-border));
  --pill-success-border-strong: color-mix(in srgb, var(--color-success) 52%, var(--color-border));
  --pill-success-fg: var(--color-success);

  --pill-danger-bg: color-mix(in srgb, var(--color-danger) 22%, var(--color-surface));
  --pill-danger-border: color-mix(in srgb, var(--color-danger) 44%, var(--color-border));
  --pill-danger-fg: var(--color-danger);

  --pill-danger-accent-bg: color-mix(in srgb, var(--color-danger) 24%, var(--color-surface));
  --pill-danger-accent-border: color-mix(in srgb, var(--color-danger) 46%, var(--color-border));

  --pill-iminencia-bg: color-mix(in srgb, #ef4444 42%, var(--color-surface));
  --pill-iminencia-border: color-mix(in srgb, #ef4444 72%, var(--color-border));
  --pill-iminencia-fg: #ffffff;

  --pill-contrato-fechado-bg: #152739;
  --pill-contrato-fechado-border: color-mix(in srgb, #93c5fd 40%, var(--color-border));
  --pill-contrato-fechado-fg: #bfdbfe;

  --pill-forgotten-bg: color-mix(in srgb, #94a3b8 18%, var(--color-surface));
  --pill-forgotten-border: color-mix(in srgb, #94a3b8 34%, var(--color-border));
  --pill-forgotten-fg: #94a3b8;

  --pill-violet-bg: color-mix(in srgb, #c084fc 20%, var(--color-surface));
  --pill-violet-border: color-mix(in srgb, #c084fc 45%, var(--color-border));
  --pill-violet-fg: #e9d5ff;
}

html {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
}