/* Identidade eSuporte: preto #10110F, verde clássico #76B900, texto #F0F3E9 (mesmos tokens do desktop). */
:root {
  --font:
    'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, 'Roboto', 'Helvetica Neue',
    Arial, sans-serif;
  --font-display:
    'Segoe UI Variable Display', 'Segoe UI', system-ui, -apple-system, 'Roboto', 'Helvetica Neue',
    Arial, sans-serif;
  --font-mono: 'Cascadia Code', 'Consolas', ui-monospace, 'SFMono-Regular', monospace;

  --brand: #76b900;
  --brand-hover: #89cf16;
  --brand-ink: #101708;
  --brand-black: #10110f;

  --bg: #f6f8f2;
  --bg-soft: #edf2e6;
  --card: #ffffff;
  --card-glass: rgb(255 255 255 / 0.72);
  --text: #1b2414;
  --muted: #5d6a52;
  --border: #dbe3d1;
  --border-strong: #c5d0bb;
  --accent: #4a7a00; /* verde para texto/links com contraste AA sobre fundo claro */
  --accent-soft: rgb(118 185 0 / 0.12);
  --gradient-text: linear-gradient(95deg, #3d6f00 0%, #5b8f00 55%, #6aa600 100%);
  --shadow-sm: 0 2px 10px rgb(32 48 16 / 0.06);
  --shadow: 0 18px 50px -18px rgb(32 48 16 / 0.22);
  --shadow-glow: 0 18px 60px -20px rgb(118 185 0 / 0.55);
  --ambient-color: #76b900;
  --ambient-strength: 0.16;
  --chart-bar: #5b8f00;
  --warning: #9a5b00;
  --warning-soft: #fff2d8;
  --danger: #b3261e;
  --danger-soft: #fde7e5;
  --success: #3f7a00;
  --success-soft: #e6f3d3;
  --neutral-soft: #edf0ea;

  --radius: 14px;
  --radius-lg: 22px;
  --header-h: 76px;
  color-scheme: light;
}
:root[data-theme='dark'] {
  --bg: #0d0e0c;
  --bg-soft: #131511;
  --card: #191c16;
  --card-glass: rgb(25 28 22 / 0.72);
  --text: #f0f3e9;
  --muted: #9ca58f;
  --border: #2e3527;
  --border-strong: #3d4734;
  --accent: #8fd11a;
  --accent-soft: rgb(118 185 0 / 0.1);
  --gradient-text: linear-gradient(95deg, #76b900 0%, #98d924 60%, #b8ec3a 100%);
  --shadow-sm: 0 2px 10px rgb(0 0 0 / 0.3);
  --shadow: 0 22px 60px -20px rgb(0 0 0 / 0.65);
  --ambient-strength: 0.1;
  --chart-bar: #6aa600;
  --warning: #f2b544;
  --warning-soft: rgb(242 181 68 / 0.12);
  --danger: #ff8a7f;
  --danger-soft: rgb(255 138 127 / 0.12);
  --success: #98d924;
  --success-soft: rgb(152 217 36 / 0.12);
  --neutral-soft: rgb(240 243 233 / 0.06);
  color-scheme: dark;
}

/* Bootstrap 5.3 lê estas variáveis; o seletor com :root vence o [data-bs-theme] do bootstrap.min.css. */
:root[data-bs-theme] {
  --bs-body-font-family: var(--font);
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-emphasis-color: var(--text);
  --bs-secondary-color: var(--muted);
  --bs-tertiary-bg: var(--bg-soft);
  --bs-border-color: var(--border);
  --bs-border-color-translucent: var(--border);
  --bs-link-color: var(--accent);
  --bs-link-color-rgb: 74, 122, 0;
  --bs-link-hover-color: var(--accent);
  --bs-primary: #76b900;
  --bs-primary-rgb: 118, 185, 0;
  --bs-focus-ring-color: rgb(118 185 0 / 0.35);
  --bs-border-radius: 10px;
  --bs-border-radius-lg: 14px;
  --bs-heading-color: var(--text);
  --bs-form-valid-color: var(--success);
  --bs-form-valid-border-color: var(--success);
  --bs-form-invalid-color: var(--danger);
  --bs-form-invalid-border-color: var(--danger);
}
:root[data-bs-theme='dark'] {
  --bs-link-color-rgb: 143, 209, 26;
}