@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
  --loy-font: 'Manrope', sans-serif;
  --loy-bg: #f8f9fa;
  --loy-surface: #ffffff;
  --loy-surface-2: #f9fafb;
  --loy-border: #e5e7eb;
  --loy-text: #111827;
  --loy-subtext: #374151;
  --loy-muted: #6b7280;
  --loy-primary: #0a66e6;
  --loy-primary-soft: #e9f5ff;
  --loy-danger: #dc3545;
  --loy-shadow: 0 1px 2px rgba(0,0,0,0.06);
  --radius: 12px;
  --radius-sm: 8px;
}

* {
  font-family: var(--loy-font);
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* prevent accidental horizontal scroll on mobile */
}

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