/* === COEXDIS Corporate CSS Global === */

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

/* Root Variables */
:root {
  --cx-blue: #1a2e6c;
  --cx-teal: #00a89d;
  --cx-gold: #f5a623;
  --cx-dark: #0d1b3e;
  --cx-gray: #6b7280;
  --cx-light: #f8f9fc;
}

/* Base Reset */
body.bodywebsite {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  color: #1f2937;
  background: #fff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.bodywebsite * { box-sizing: border-box; }

/* Typography */
body.bodywebsite h1,
body.bodywebsite h2,
body.bodywebsite h3,
body.bodywebsite h4 {
  font-weight: 700;
  line-height: 1.2;
  color: var(--cx-blue);
}

body.bodywebsite a {
  color: var(--cx-teal);
  transition: color 0.2s;
}

body.bodywebsite a:hover { color: var(--cx-blue); }

/* Navbar improvements */
body.bodywebsite .nav-coexdis,
body.bodywebsite nav {
  background: #fff !important;
  box-shadow: 0 2px 20px rgba(26,46,108,0.08);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: var(--cx-teal); border-radius: 3px; }

/* Selection */
::selection { background: var(--cx-teal); color: white; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Image responsive */
body.bodywebsite img { max-width: 100%; height: auto; }