/* Avante (avante.fit) - design tokens canonicos.
   Importar uma unica vez, no ponto de entrada global de estilos. */

:root {
  /* --- marca --- */
  --brand-ink: #0E2439;
  --brand-ink-2: #16324A;
  --brand-green: #12B886;
  --brand-green-600: #0CA678;
  --brand-green-700: #099268;
  --brand-green-light: #20C997;
  --brand-orange: #FF6B35;

  /* --- neutros --- */
  --n-0: #FFFFFF;
  --n-50: #F6F8FA;
  --n-100: #EEF2F6;
  --n-200: #E4E9EE;
  --n-300: #CBD5DF;
  --n-400: #9AA9B7;
  --n-500: #5B6B7A;
  --n-600: #43525F;
  --n-700: #2E3B46;
  --n-800: #1B2A38;
  --n-900: #0E2439;

  /* --- papeis --- */
  --bg: var(--n-50);
  --surface: var(--n-0);
  --surface-2: var(--n-100);
  --border: var(--n-200);
  --border-strong: var(--n-300);
  --text: var(--n-900);
  --text-muted: var(--n-500);
  --link: var(--brand-green-700);

  /* --- logotipo --- */
  --logo-word: var(--brand-ink);   /* "avante" */
  --logo-dot: var(--brand-green);  /* o ponto de .fit */
  --logo-tld: var(--n-500);        /* "fit" */

  /* --- semanticos --- */
  --success: #12B886;
  --warning: #F59F00;
  --danger: #FA5252;
  --info: #4DABF7;
  --success-bg: #E6F7F1;
  --warning-bg: #FFF6E0;
  --danger-bg: #FFECEC;
  --info-bg: #E7F2FE;

  /* --- botoes --- */
  --btn-primary-bg: var(--brand-green);
  --btn-primary-hover: var(--brand-green-600);
  --btn-primary-active: var(--brand-green-700);
  --btn-primary-text: var(--n-0);
  --btn-secondary-bg: var(--brand-ink);
  --btn-secondary-hover: var(--brand-ink-2);
  --btn-secondary-text: var(--n-0);

  /* --- forma e tipografia --- */
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --focus-ring: 0 0 0 3px rgba(18, 184, 134, 0.35);
}

[data-theme="dark"] {
  --bg: #0B1A29;
  --surface: #10233A;
  --surface-2: #16324A;
  --border: #223549;
  --border-strong: #2F4761;
  --text: #EAF1F7;
  --text-muted: #9AA9B7;
  --link: var(--brand-green-light);

  --brand-green: var(--brand-green-light);
  --logo-word: #FFFFFF;
  --logo-dot: var(--brand-green-light);
  --logo-tld: var(--n-400);

  --success: #20C997;
  --success-bg: #0F3A2E;
  --warning-bg: #3A2E0B;
  --danger-bg: #3A1A1A;
  --info-bg: #12293F;

  --btn-primary-bg: var(--brand-green-light);
  --btn-primary-hover: #12B886;
  --btn-primary-active: #0CA678;
  --btn-primary-text: #06231A;
  --btn-secondary-bg: #16324A;
  --btn-secondary-hover: #1E4062;
}

/* Logotipo em HTML, quando nao se usa o SVG. */
.avante-logo {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.012em;
  color: var(--logo-word);
  line-height: 1;
}
.avante-logo .dot { color: var(--logo-dot); }
.avante-logo .tld { color: var(--logo-tld); }

/* Ponto verde reutilizavel: bullet, status, marcador de grafico. */
.avante-dot {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: var(--brand-green);
  vertical-align: baseline;
}