:root {
  /* Vera Indumentaria Deportiva brand palette */
  --color-bg: #F7F7F5;
  --color-base: #F7F7F5;
  --color-surface: #FFFFFF;
  --color-surface-soft: #DFF5E8;
  --color-surface-strong: #FFFFFF;
  --color-footer: #050505;

  --color-text: #111111;
  --color-muted: #6B7280;
  --color-border: #E5E5E5;
  --color-border-strong: rgba(24, 165, 88, 0.32);

  --color-primary: #18A558;
  --color-primary-dark: #128246;
  --color-accent: #18A558;
  --color-accent-hover: #128246;
  --color-accent-soft: #DFF5E8;
  --color-cyan-soft: rgba(24, 165, 88, 0.14);

  --color-dark: #050505;
  --color-success: #18A558;
  --color-warning: #F97316;
  --color-offer: #F97316;
  --color-danger: #DC2626;

  --navbar-bg: #FFFFFF;
  --navbar-text: #111111;
  --navbar-title: #050505;
  --footer-bg: #050505;
  --footer-text: #FFFFFF;

  /* Compatibility aliases used by older templates. */
  --be-bg: var(--color-bg);
  --be-surface: var(--color-surface);
  --be-surface-soft: var(--color-accent-soft);
  --be-text: var(--color-text);
  --be-muted: var(--color-muted);
  --be-border: var(--color-border);
  --be-primary: var(--color-accent);
  --be-accent: var(--color-accent);
  --be-dark: var(--color-dark);
  --be-success: var(--color-success);
  --be-offer: var(--color-offer);

  --ar-bg: var(--color-bg);
  --ar-bg-soft: var(--color-accent-soft);
  --ar-card: var(--color-surface);
  --ar-wine: var(--color-accent);
  --ar-wine-dark: var(--color-dark);
  --ar-gold: var(--color-accent);
  --ar-gold-soft: var(--color-accent-hover);
  --ar-cream: var(--color-text);
  --ar-muted: var(--color-muted);
  --ar-border: rgba(24, 165, 88, 0.18);

  --simplex-bg: var(--color-bg);
  --simplex-bg-soft: var(--color-accent-soft);
  --simplex-bg-blue: var(--color-accent-soft);
  --simplex-card: var(--color-surface);
  --simplex-border: var(--color-border);
  --simplex-title: var(--color-text);
  --simplex-text: var(--color-muted);
  --simplex-blue: var(--color-accent);
  --simplex-cyan: var(--color-accent);
  --simplex-sky: var(--color-accent-soft);

  --font-main: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;

  --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(17, 17, 17, 0.12);
  --shadow-glow: 0 0 0 1px rgba(24, 165, 88, 0.18), 0 18px 45px rgba(24, 165, 88, 0.12);

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2.5rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 3rem;

  --transition-fast: 0.15s ease;
  --transition-base: 0.24s ease;
  --transition-slow: 0.5s ease;
}