/* Tokens visuais do Copiloto de Negócios YouX.
   Marca Youx: o marsala (#881D48) é a cor principal, usada com parcimônia em marca, ações principais,
   seleção e foco. O resto da tela fica em neutros quentes derivados do preto Youx (#1D1D1B).
   Estados não usam vermelho: relevante = verde, fora = grafite. Assim o marsala nunca parece "erro". */
:root {
  --brand: #881D48;
  --brand-strong: #5E0E2D;
  --brand-mid: #9D184B;
  --brand-pink: #EB5189;
  --brand-soft: #F7E9EF;
  --on-brand: #FFFFFF;

  --bg: #F4F2F1;
  --surface: #FFFFFF;
  --surface-2: #F9F8F7;
  --ink: #1D1D1B;
  --ink-2: #4A4645;
  --ink-3: #736C6A;
  --line: #E2DEDC;
  --line-strong: #C7C0BD;

  --pos: #1E7653;
  --pos-soft: #E3F1EA;
  --on-pos: #FFFFFF;
  --neutral-seg: #CFC8C5;
  --off: #57514F;
  --human: #8A5300;
  --human-soft: #FFF5DD;
  --human-line: #E6C580;
  --err: #B42318;

  --spec: #1D5FA8;
  --spec-bg: #E7F0FA;
  --spec-ink: #134A86;
  --toast-action: #F49BBD;

  /* Slides do PPT: sempre papel branco, nos dois temas, como no arquivo final. */
  --slide-bg: #FFFFFF;
  --slide-ink: #1D1D1B;
  --slide-muted: #6B6462;
  --slide-line: #E6E1DF;
  --slide-brand: #881D48;
  --slide-brand-soft: #F7E9EF;
  --slide-on-brand: #FFFFFF;

  --shadow: 0 1px 2px rgba(29,29,27,.06), 0 6px 18px rgba(29,29,27,.07);
  --shadow-lg: 0 10px 40px rgba(29,29,27,.18);
  --scrim: rgba(20,16,17,.45);

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Archivo", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #EB5189; --brand-strong: #F27AA5; --brand-mid: #F06A9B; --brand-soft: #3B1A28; --on-brand: #23070F;
    --bg: #141213; --surface: #1C1A1A; --surface-2: #232020; --ink: #EEEAE8; --ink-2: #BEB7B4; --ink-3: #928A87;
    --line: #34302F; --line-strong: #4A4442;
    --pos: #5ACB9C; --pos-soft: #15302A; --on-pos: #062519; --neutral-seg: #4F4846; --off: #C9C2BF;
    --human: #F0B457; --human-soft: #2A2112; --human-line: #5E4720; --err: #FF8A80;
    --spec: #7FB2F0; --spec-bg: #13253B; --spec-ink: #B9D6F7; --toast-action: #881D48;
    --shadow: 0 1px 2px rgba(0,0,0,.5), 0 6px 18px rgba(0,0,0,.35); --shadow-lg: 0 14px 44px rgba(0,0,0,.55); --scrim: rgba(0,0,0,.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --brand: #EB5189; --brand-strong: #F27AA5; --brand-mid: #F06A9B; --brand-soft: #3B1A28; --on-brand: #23070F;
  --bg: #141213; --surface: #1C1A1A; --surface-2: #232020; --ink: #EEEAE8; --ink-2: #BEB7B4; --ink-3: #928A87;
  --line: #34302F; --line-strong: #4A4442;
  --pos: #5ACB9C; --pos-soft: #15302A; --on-pos: #062519; --neutral-seg: #4F4846; --off: #C9C2BF;
  --human: #F0B457; --human-soft: #2A2112; --human-line: #5E4720; --err: #FF8A80;
  --spec: #7FB2F0; --spec-bg: #13253B; --spec-ink: #B9D6F7; --toast-action: #881D48;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 6px 18px rgba(0,0,0,.35); --shadow-lg: 0 14px 44px rgba(0,0,0,.55); --scrim: rgba(0,0,0,.6);
  color-scheme: dark;
}