@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: "Segoe UI", "Inter", Arial, Helvetica, sans-serif;
  letter-spacing: 0.01em;
  min-height: 100vh;
}

html,
body {
  background-color: #ffffff;
  overflow-x: hidden;
}

.site-container {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 2.2vw, 2.75rem);
}

.site-section {
  width: 100%;
  padding-block: clamp(0.5rem, 1.2vw, 1.25rem);
}

.rounded-xl,
.rounded-2xl {
  border-radius: 1rem;
}

.shadow,
.shadow-lg {
  box-shadow: none;
}

a {
  transition:
    color 0.2s,
    background 0.2s;
  text-decoration: none;
}

button {
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}