/* ============================================================================
  1. FONTS & DESIGN TOKENS
  ============================================================================ */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v31-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v31-latin-800.woff2") format("woff2");
}

:root {
  --font-primary:
    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  --color-bg-primary: #feedc3;
  --color-bg-primary-muted: #fbf8f1;
  --color-primary-gold: #fcc90b;
  --color-primary-gold-muted: #fff2c6;
  --color-secondary-gold: #aa7c11;

  --color-text-header: #1a237e;
  --color-text-header-muted: #4b6289;
  --color-text-dark: #15294a;
  --color-text-dark-secondary: #293746;
  --color-text-light: #f5f5f5;
  --color-text-light-muted: #ecdeda;

  --shadow-card: 0 10px 30px -5px rgba(11, 21, 40, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03);
  --radius-card: 20px;

  --color-card-yellow: #ffbc00;
  --color-card-green: #29b44a;
  --color-card-blue: #235de6;
  --color-card-red: #dc2626;
  --color-card-bg-muted: #384b58;
  --color-card-bg-light: #fefcfb;

  --color-table-primary: #f3f3f3;
  --color-table-primary-hover: #f3f3f3;
  --color-table-secondary: #fdfaf0;
  --color-table-secondary-hover: #f0e9d5;
  --bg-color: #060b26;
  --color-border: #d1d5db;
  --color-text-muted: #4a5568;
}

/* ============================================================================
  2. GLOBAL DOCUMENT DEFAULTS
  ============================================================================ */
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: var(--color-bg-primary) !important;
  font-family: var(--font-primary) !important;
  scroll-behavior: smooth;
  
}

/* ============================================================================
  3. GLOBAL LOADER
  ============================================================================ */
#global-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
}

.css-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid #e5e7f1;
  border-top: 4px solid var(--color-primary-gold);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader-hidden {
  opacity: 0;
  visibility: hidden;
}