/* AldoFlex — custom styles (Tailwind CDN is primary) */
:root {
  --red: #DC2626;
  --dark: #0B0B0B;
  --navy: #0F1A2B;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(90deg, rgba(11,11,11,0.92) 0%, rgba(11,11,11,0.75) 45%, rgba(11,11,11,0.25) 100%);
}

/* Subtle card hover */
.card-hover { transition: transform .2s ease, box-shadow .2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.10); }

/* Mobile nav */
#mobileNav { transition: transform .25s ease, opacity .2s ease; }

/* Focus ring */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #DC2626; outline-offset: 2px;
}

/* Section divider red line like logo */
.divider-red { height: 3px; background: #DC2626; border-radius: 9999px; }