@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Colors & Utilities */
@layer base {
  :root {
    --color-navy: #0A192F;
    --color-charcoal: #1A1A1A;
    /* Darkened for heavier feel */
    --color-white: #FFFFFF;
    --color-accent: #0055FF;
    /* Sharper Technical Blue */
  }
}

body {
  font-family: 'Inter', sans-serif;
  /* Keep clear body font */
  color: var(--color-charcoal);
  background-color: #f8fafc;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.bg-navy {
  background-color: var(--color-navy);
}

.text-navy {
  color: var(--color-navy);
}

.bg-charcoal {
  background-color: var(--color-charcoal);
}

.text-accent {
  color: var(--color-accent) !important;
}

.bg-accent {
  background-color: var(--color-accent) !important;
}

/* Marquee Animation for Trust Bar */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}

.marquee-content {
  display: flex;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Glassmorphism utility */
.glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 85, 255, 0.3);
  /* Technical blue border */
}

/* Industrial sharp hover lift */
.hover-lift {
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 4px 4px 0px rgba(0, 85, 255, 0.3);
  /* Sharp offset shadow for industrial vibe */
  border-color: var(--color-accent);
}

/* Sharp UI adjustments overriding general tailwind rounded-xl / lg */
.rounded-xl,
.rounded-lg,
.rounded-2xl {
  border-radius: 2px !important;
}

.rounded-md,
.rounded {
  border-radius: 0px !important;
}