/* ==========================================================================
   VENTURE GLOBAL SOLUTIONS (VGS) - COACHING PORTAL
   Clean Minimalist SaaS Design System
   ========================================================================== */

:root {
  /* Brand Tokens */
  --vgs-red: #C30E1A;
  --vgs-dark-red: #8A0A12;
  --vgs-blue: #0C224B;
  --vgs-navy: #1B2559;
  --vgs-white: #FFFFFF;
  --vgs-gray: #B1B1B1;
  --vgs-bg: #F8FAFC;
  --vgs-surface: #FFFFFF;
  --vgs-border: #E2E8F0;

  /* Typography */
  --font-vgs: 'Lato', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

/* Base Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  font-family: var(--font-vgs);
  -webkit-font-smoothing: antialiased;
}

#app {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #f8fafc !important;
}

/* Custom Minimal Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}