/* ==============================================================================
   VINASTECH DESIGN SYSTEM — MINIMAL BLACK & WHITE ENTERPRISE TOKENS
   Style: 100% Clean White, Crisp Black Typography, Subtle Light Ocean Blue Accents
   ============================================================================== */

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

:root {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Primary Light Ocean Blue Accents */
  --vst-blue: #2563eb;          /* Accent Blue */
  --vst-sky-blue: #0284c7;      /* Subtle Link Blue */
  --vst-ocean-light: #e0f2fe;    /* Light Tint */

  /* Header Surface */
  --vst-midnight: #0f172a;      /* Dark Header Bar */
  --vst-navy: #1e293b;

  /* Pure Minimal White Surfaces */
  --vst-white: #ffffff;
  --vst-cloud: #f8fafc;
  --vst-surface: #f1f5f9;
  --vst-text: #0f172a;
  --vst-muted: #64748b;
  --vst-line: #e2e8f0;
  --vst-line-dark: rgba(255, 255, 255, 0.14);

  /* Motion */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --ease-enterprise: cubic-bezier(0.22, 1, 0.36, 1);
}

/* MINIMAL CLEAN BACKGROUNDS (NO DARK GRADIENTS) */
.vst-cinematic-gradient,
.vst-motion-hero {
  background: #ffffff !important;
  color: #0f172a !important;
}

body {
  background-color: #ffffff !important;
  color: #0f172a !important;
  font-family: var(--font-body) !important;
}