@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap");

:root {
  --primary: #dd4a0a;
  --primary-light: rgba(221, 74, 10, 0.1);
  --secondary: #0a7add;
  --secondary-light: rgba(10, 122, 221, 0.1);
  --success: #4caf50;
  --success-light: rgba(76, 175, 80, 0.1);
  --info: #2196f3;
  --info-light: rgba(33, 150, 243, 0.1);
  --warning: #ff9800;
  --warning-light: rgba(255, 152, 0, 0.1);
  --light: #f8f9fa;
  --dark: #212529;
  --gray: #6c757d;
  --light-gray: #e9ecef;
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --transition: all 0.3s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  max-width: 100dvw !important;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  overflow-x: clip !important;
  width: 100%;
  max-width: 100dvw !important;
  scroll-behavior: smooth;
}