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

/* ── CSS CUSTOM PROPERTIES ── */
:root {
  --content-pad: max(1.25rem, calc((100vw - 1500px) / 2));
  --hero-progress: 0;
  --fa-navy: #1A1F5C;
  --fa-navy-deep: #0F1340;
  --fa-blue: #6B8FD4;
  --fa-blue-light: #A8C0E8;
  --fa-blue-pale: #EEF3FB;
  --fa-off-white: #F7F8FC;
  --fa-mid: #6B7280;
  --fa-border: rgba(26,31,92,0.1);
}
@media (min-width: 720px)  { :root { --content-pad: max(2.5rem, calc((100vw - 1500px) / 2)); } }
@media (min-width: 1100px) { :root { --content-pad: max(3.5rem, calc((100vw - 1500px) / 2)); } }

html { scroll-behavior: smooth; scroll-padding-top: 70px; }
* { box-sizing: border-box; margin: 0; padding: 0; }

/* ── KEYFRAMES ── */
@keyframes ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(0.7); }
}
@keyframes faUnderlineDraw {
  0%   { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* ── SCROLL REVEAL ── */
[data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
[data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}
