/* ============================================================
   MINERALES · CARBONES — Color Tokens
   Palette from heavy mining (carbon/graphite) + the flagship
   Colombian gem (emerald). Two brand colors, disciplined.
   ============================================================ */
:root {
  /* ---- Brand ---- */
  --color-brand-emerald: #008048;       /* Verde esmeralda — la M del isotipo */
  --color-brand-emerald-dark: #006438;  /* hover / pressed */
  --color-brand-emerald-tint: #e8f3ee;  /* wash / soft surfaces & tint badges */
  --color-brand-carbon: #0a0a0a;        /* Negro grafito — hexágono + wordmark */

  /* ---- Surfaces ---- */
  --color-bg-light: #fafafa;            /* fondo general de la página */
  --color-bg-surface: #ffffff;          /* tarjetas, contenedores */
  --color-bg-carbon: #0a0a0a;           /* secciones oscuras, hero, footer */
  --color-bg-carbon-2: #1a1a1a;         /* paneles carbón secundarios / hex tiles */

  /* ---- Text ---- */
  --color-text-main: #1a1a1a;           /* legibilidad alta */
  --color-text-muted: #555555;          /* subtítulos, secundarios */
  --color-text-faint: #8a8a8a;          /* metadatos, etiquetas tenues */
  --color-text-invert: #ffffff;         /* texto sobre verde / carbón */

  /* ---- Borders ---- */
  --color-border: #e5e7eb;              /* divisores y bordes sutiles */
  --color-border-strong: #c9ccd1;       /* bordes de campos / énfasis */
  --color-border-dark: #2a2a2a;         /* divisores sobre carbón */

  /* ---- Semantic (used sparingly) ---- */
  --color-success: #008048;
  --color-warning: #b7791f;
  --color-danger: #b42318;
  --color-info: #1d4ed8;
}