/* ----------------------------
 * Resets & Normalização
 * ---------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ----------------------------
 * Tipografia Global
 * ---------------------------- */
:root {
  --font-family: 'Inter', sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.5;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: #333;
}

/* ----------------------------
 * Variáveis de Cor (genéricas)
 * ---------------------------- */
:root {
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f8f9fa;
  --gray-900: #212529;
}

/* ----------------------------
 * Variáveis do Tema OKR (dark)
 * Compartilhadas por todas as views.
 * --bg1 e --bg2 podem ser sobrescritas
 * pelo company_theme.php dinamicamente.
 * ---------------------------- */
:root {
  --bg-soft: #171b21;
  --card: var(--bg1, #222222);
  --muted: #a6adbb;
  --text: #eaeef6;
  --gold: var(--bg2, #F1C40F);
  --green: #22c55e;
  --blue: #60a5fa;
  --red: #ef4444;
  --border: #222733;
  --shadow: 0 10px 30px rgba(0,0,0,.20);
  --btn: #0e131a;
  --accent: #0c4a6e;
  --chip: #0e131a;
  --ok: #16a34a;
  --no: #dc2626;
  --warn: #f59e0b;
  --chat-w: 0px;
}