/* Theme: Bosque — verde retail (default Ventix2) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --vx-font-display: 'Outfit', sans-serif;
  --vx-font-body: 'Source Sans 3', sans-serif;

  --vx-bg: #eef2ef;
  --vx-bg-accent: #dce8e2;
  --vx-surface: #ffffff;
  --vx-surface-2: #f6f8f7;
  --vx-ink: #14201c;
  --vx-ink-soft: #5a6b64;
  --vx-line: rgba(20, 32, 28, 0.10);
  --vx-line-strong: rgba(20, 32, 28, 0.18);

  --vx-brand: #0c6b56;
  --vx-brand-2: #109276;
  --vx-brand-rgb: 12, 107, 86;
  --vx-brand-ink: #ffffff;
  --vx-accent: #e3a012;
  --vx-accent-rgb: 227, 160, 18;
  --vx-accent-ink: #2a1d00;

  --vx-topbar-bg: rgba(238, 242, 239, 0.96);
  --vx-nav-bg: rgba(255, 255, 255, 0.92);
  --vx-bg-image:
    radial-gradient(1200px 500px at 10% -10%, var(--vx-bg-accent), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(var(--vx-accent-rgb), 0.14), transparent 55%),
    var(--vx-bg);
  --vx-theme-color: #0c6b56;
}