/* ===== DESIGN TOKENS - PROF. ARTUR DE BARROS PLATFORM ===== */
:root {
  --color-bg-main: #03060f;
  --color-bg-card: rgba(10, 15, 30, 0.6);
  --color-accent-cyan: #0ea5e9;
  --color-accent-glow: rgba(14, 165, 233, 0.12);
  --color-text-primary: #ffffff;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #64748b;
  --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --transition-fast: all 0.2s ease;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== GLOBAL MOBILE RESET & SAFEGUARDS ===== */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

img, video, canvas, iframe {
  max-width: 100%;
  height: auto;
}

p, h1, h2, h3, h4, h5, h6, a, span, div {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 768px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}