/*
Theme Name: Dominium Global Advisory Corp
Theme URI: https://dominiumglobaladvisory.com
Author: Dominium Global
Description: Custom theme for Dominium Global Advisory Corp, converted from React/Vite.
Version: 1.0
License: Proprietary
*/

/* 
   Imports and Global Overrides 
   Note: Main styling is handled via Tailwind CDN in header.php 
*/

/* Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
  color: #272C33;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Outfit', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #BA712E;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #272C33;
}

/* Animation Classes */
.fade-in-section {
  opacity: 0;
  transform: translateY(2rem);
  /* translate-y-8 equivalent */
  transition: opacity 1s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Delay classes */
.delay-100 {
  transition-delay: 100ms;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.delay-400 {
  transition-delay: 400ms;
}

.delay-500 {
  transition-delay: 500ms;
}