/* Tokens de design compartilhados pela tela de login e pelo sistema.
   Base escura com toque quente; acento bronze (#a27c4b da identidade, clareado para contraste no escuro);
   verde da marca (#26411d) fica na marca e em superfícies, não em estados (verde = positivo, vermelho = negativo). */
:root {
  color-scheme: dark;

  --bg: #0b0d0a;
  --bg-elev: #0f120d;
  --surface: #12150f;
  --surface2: #181c13;
  --surface3: #1f2419;
  --border: #2a3024;
  --border-strong: #3a4232;

  --text: #ecebe3;
  --muted: #8f9385;
  --faint: #6a6e61;

  --brand-green: #26411d;
  --brand-green-hi: #3a6030;
  --bronze: #a27c4b;

  --accent: #c9a46a;
  --accent2: #dcbb85;
  --accent-rgb: 201, 164, 106;
  --on-accent: #17120a;

  --green: #4cc38a;
  --green-rgb: 76, 195, 138;
  --red: #f0736f;
  --red-rgb: 240, 115, 111;
  --yellow: #e6b94d;
  --yellow-rgb: 230, 185, 77;
  --blue: #7aa2d6;
  --blue-rgb: 122, 162, 214;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.025) inset, 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-2: 0 24px 80px rgba(0, 0, 0, 0.55);
  --ring: 0 0 0 3px rgba(var(--accent-rgb), 0.35);
}