/* Cópia sem alteração dos três blocos :root de AppNutri/docs/design/v4/tokens.css (30/09/2026). */

:root {
  color-scheme: light;

  /* Superfícies */
  --bg: #f6f8f7;
  --sidebar: #ffffff;
  --card: #ffffff;
  --card-2: #f1f5f2;
  --line: #e3e8e4;
  --line-strong: #d3d8d3;

  /* Texto */
  --text: #17211b;
  --text-2: #3f4f45;
  --muted: #66746b;
  --muted-2: #93a098;

  /* Acento (verde) */
  --accent: #1b7f47;
  --accent-hover: #166a3b;
  --accent-2: #2fa866;
  --accent-soft: #e6f4ec;           /* fundo de item ativo, ícones, cartões da Maya */
  --accent-line: #cfe8d8;
  --hero-grad: linear-gradient(135deg, #e6f4ec 0%, #f6fbf7 60%, #ffffff 100%);

  /* Estados (leads ADR-0015; criativos HANDOFF §4) — cor + fundo suave */
  --new: #0f6b7a;   --new-soft: rgba(15, 107, 122, 0.12);      /* Novo; autoria "Rascunho da Maya" */
  --info: #1f5fc4;  --info-soft: rgba(42, 111, 219, 0.12);     /* Respondido, Em conversa, Qualificado, Horário oferecido */
  --good: #177a4c;  --good-soft: rgba(31, 157, 99, 0.12);      /* Agendado, Compareceu, Aprovado, pass */
  --warn: #9a5c00;  --warn-soft: rgba(199, 119, 0, 0.14);      /* Faltou, follow-up vencido, aguarda autorização */
  --alert: #b42a3a; --alert-soft: rgba(229, 72, 77, 0.12);     /* Precisa da nutricionista, sua revisão, barrado */
  --off: #66746b;   --off-soft: #eef1ee;                       /* Não qualificado, Pediu para parar, Perdido, rascunho */

  /* Círculos de ícone (KPIs, feed) */
  --ico-green: #e6f4ec; --ico-blue: #e7eefb; --ico-red: #fde9ea; --ico-amber: #fff3e0; --ico-teal: #e3f2f4;

  /* Mídia */
  --tile-bg: #1f2a24;
  --tile-overlay: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.7) 100%);
  --skeleton: linear-gradient(90deg, #e9eeea 25%, #f6f8f7 50%, #e9eeea 75%);

  /* Avisos fixos */
  --notice-bg: rgba(199, 119, 0, 0.08);
  --notice-line: rgba(199, 119, 0, 0.25);
  --example-bg: #fff7e6;
  --example-line: #e3b96a;

  /* Tipografia */
  --font-sans: "Plus Jakarta Sans", "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-20: 20px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px;
  --lh-tight: 1.15; --lh-body: 1.5;
  --tracking-label: 0.08em;

  /* Espaçamento, raios, elevação */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(23, 33, 27, 0.04), 0 8px 24px rgba(23, 33, 27, 0.05);
  --shadow-hover: 0 2px 4px rgba(23, 33, 27, 0.06), 0 16px 40px rgba(23, 33, 27, 0.09);
  --shadow-accent: 0 6px 16px rgba(27, 127, 71, 0.25);

  /* Layout e movimento */
  --sidebar-w: 232px; --content-max: 1440px; --control-h: 40px; --control-h-lg: 44px;
  --dur: 180ms; --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

:root {
  --top-h: 60px;
  --chat-w: 340px;
  --chat-user-bg: #e6f4ec;           /* balão da nutricionista */
  --chat-prop-bg: #f6f8f7;           /* cartão de proposta dentro da conversa */
  --chat-model: "Econômico";         /* modelo barato para a conversa; geração paga continua por job autorizado */
}

:root {
  --scrim: rgba(23, 33, 27, 0.45);                                  /* véu do diálogo, sobre tudo */
  --shadow-overlay: 0 12px 40px rgba(23, 33, 27, 0.18), 0 2px 8px rgba(23, 33, 27, 0.08);
  --z-panel: 30;    /* painel flutuante (Acervo) e barra de ações */
  --z-menu: 40;     /* menu da nutricionista, central de avisos, popover de ação */
  --z-dialog: 50;   /* diálogo de confirmação e configurações (com --scrim) */
  --z-tooltip: 60;  /* tooltip, acima de tudo */
  --tooltip-bg: #17211b; --tooltip-fg: #ffffff;
  --maya-cursor-pill: #008546;        /* cursor de apresentação (interface-v2-cursor): pílula "Maya"; marca, os mesmos valores nos dois temas; dono 26/09: escurecido de #00a457 para 4,7:1 com o texto branco (WCAG AA) */
  --maya-cursor-pill-fg: #ffffff;
  --maya-cursor-arrow: #000000;       /* a cor do corpo da seta: a ÚNICA linha que muda entre a fase verde e a preta */
  --maya-cursor-arrow-edge: #e4ebf3;  /* contorno claro de 1 px, por fora do corpo */
  --overlay-w-menu: 280px; --overlay-w-panel: 340px; --overlay-w-dialog: 480px; --overlay-w-popover: 360px;
  --overlay-radius: 16px;
}