/* ===== Tokens AgroColheita =====
   Arquivo comum ao AGROCRM e ao Conecta RH: copiar igual nos dois sistemas e mudar só aqui.
   Cores do tema claro e escuro, sombras, raios, movimento e fontes. O CSS de cada sistema só usa var(--...).
   Paleta escura única (benchmark de 26/10/2026): verde e ouro do AGROCRM (mais contraste em texto pequeno),
   fundo e superfície do Conecta RH (mais profundidade). Todos os pares de texto passam no contraste AA. */
:root {
  --verde: #10a653; --verde-dk: #0a7d3e; --verde-dkk: #065a2b; --verde-lt: #e8f7ef; --verde-mid: #b8e8cc;
  --ouro: #fbc00b; --ouro-dk: #c9960a; --ouro-lt: #fef8e1; --ouro-mid: #fde9a0;
  --terra: #6b4e3f; --terra-lt: #f5ede9;
  --bg: #f7f9f7; --surface: #ffffff; --border: #e4e8e4; --border-dk: #cdd6cd;
  --text: #1a2b1a; --text-med: #3d4f3d; --muted: #6b7a6b;
  --red: #dc2626; --red-lt: #fdecec;
  --on-verde: #ffffff;
  --white: var(--surface); /* nome antigo do Conecta RH para a superfície */

  --sh-sm: 0 1px 3px rgba(10, 80, 30, .07), 0 1px 2px rgba(10, 80, 30, .05);
  --sh-md: 0 4px 18px rgba(10, 80, 30, .10), 0 2px 6px rgba(10, 80, 30, .05);
  --sh-lg: 0 12px 48px rgba(10, 80, 30, .16);
  --sh-xl: 0 24px 72px rgba(10, 80, 30, .22), 0 6px 18px rgba(10, 80, 30, .12);

  --r: 10px;    /* cartões, botões, campos */
  --r-lg: 16px; /* janelas, folhas, login */

  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 380ms;
  --dur-page: 520ms;

  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  color-scheme: light; /* controles do navegador (listas abertas, calendário, rolagem) seguem o tema escolhido */
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; --dur-page: 0ms; }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --verde: #2fc172; --verde-dk: #5fd896; --verde-dkk: #a6e9c3; --verde-lt: #16321f; --verde-mid: #24553a;
    --ouro: #f5c638; --ouro-dk: #e7b52a; --ouro-lt: #3a3013; --ouro-mid: #3b2c14;
    --terra: #5b3a1d; --terra-lt: #2a1f17;
    --bg: #0b1410; --surface: #14241c; --border: #1f3328; --border-dk: #2a4435;
    --text: #e6f1ec; --text-med: #c9d6cf; --muted: #93a39b;
    --red: #f26b6b; --red-lt: #3d1d1d;
    --on-verde: #08210f;
    --sh-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .30);
    --sh-md: 0 6px 20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .30);
    --sh-lg: 0 12px 48px rgba(0, 0, 0, .55);
    --sh-xl: 0 24px 72px rgba(0, 0, 0, .60), 0 6px 18px rgba(0, 0, 0, .40);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --verde: #2fc172; --verde-dk: #5fd896; --verde-dkk: #a6e9c3; --verde-lt: #16321f; --verde-mid: #24553a;
  --ouro: #f5c638; --ouro-dk: #e7b52a; --ouro-lt: #3a3013; --ouro-mid: #3b2c14;
  --terra: #5b3a1d; --terra-lt: #2a1f17;
  --bg: #0b1410; --surface: #14241c; --border: #1f3328; --border-dk: #2a4435;
  --text: #e6f1ec; --text-med: #c9d6cf; --muted: #93a39b;
  --red: #f26b6b; --red-lt: #3d1d1d;
  --on-verde: #08210f;
  --sh-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .30);
  --sh-md: 0 6px 20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .30);
  --sh-lg: 0 12px 48px rgba(0, 0, 0, .55);
  --sh-xl: 0 24px 72px rgba(0, 0, 0, .60), 0 6px 18px rgba(0, 0, 0, .40);
  color-scheme: dark;
}