/* ATLAS — utilidades de marca (respaldo del build de Tailwind) */

/* Brand colors */
.bg-navy { background-color: #0B1E3F; }
.bg-navy-700 { background-color: #102A5C; }
.text-navy { color: #0B1E3F; }
.border-navy { border-color: #0B1E3F; }
.bg-primary { background-color: #2563eb; }
.text-primary { color: #2563eb; }
.border-primary { border-color: #2563eb; }
.text-vivid { color: #3B82F6; }
.bg-background-light { background-color: #f6f8fc; }
.bg-background-dark { background-color: #0B1E3F; }
.bg-atlas-blue { background-color: #2563eb; }
.text-atlas-blue { color: #2563eb; }

/* Selection */
.selection\:bg-primary\/30::selection { background-color: rgba(37, 99, 235, 0.3); }
.selection\:text-primary::selection { color: #2563eb; }

/* Hover states */
.hover\:text-primary:hover { color: #2563eb; }
.hover\:bg-primary:hover { background-color: #2563eb; }

/* Font family */
.font-display { font-family: 'Inter', sans-serif; }

/* Custom shadow */
.shadow-elevation-3 { box-shadow: 0 10px 40px -10px rgba(11,30,63,0.12); }

/* Text gradient */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Smooth scrolling + anchor offset for fixed nav */
html {
    scroll-behavior: smooth;
}
/* Prevent any horizontal scroll on mobile (AOS transforms, decorative blurs, etc.) */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
section[id] {
    scroll-margin-top: 90px;
}

/* Subtle grid pattern for navy hero */
.bg-grid {
    background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 48px 48px;
}

/* Dark mode */
.dark .dark\:bg-background-dark { background-color: #0B1E3F; }