/* Base */
body, html { font-family: 'Roboto', system-ui, sans-serif; font-weight: 300; color: #02000F; }
a { color: #DF683A; text-decoration: none; }
a:hover { color: #C85A2F; }

/* Headings — spaced uppercase */
h1, h2, h3 {
  font-family: 'Orbitron', sans-serif;
  font-weight: 400;
  color: #02000F;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* Script accent (hero "better") */
.font-script {
  font-family: 'Roboto', system-ui, sans-serif;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  letter-spacing: normal;
}

/* Buttons — pill shaped */
.btn-primary {
  background-color: #DF683A; color: #fff; border: none;
  border-radius: 9999px; padding: 1rem 2.5rem;
  font-size: 0.875rem; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase;
  transition: background-color 0.2s;
  cursor: pointer; display: inline-block;
}
.btn-primary:hover { background-color: #C85A2F; }

.btn-outline {
  background-color: transparent; border: 2px solid #DF683A; color: #DF683A;
  border-radius: 9999px; padding: 1rem 2.5rem;
  font-size: 0.875rem; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase;
  transition: all 0.2s;
  cursor: pointer; display: inline-block;
}
.btn-outline:hover { background-color: #DF683A; color: #fff; }

/* Form inputs */
input:not([type="checkbox"]):not([type="submit"]), textarea, select {
  background: #E4E4E4; color: #02000F; border: 1px solid #E4E4E4;
  padding: 0.75rem 1rem; width: 100%; border-radius: 0.5rem;
}
input::placeholder, textarea::placeholder { color: #999; }

/* Lucide icons */
[data-lucide] {
  display: inline-block; position: relative; top: -2px;
  stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none;
}

/* Section headings with decorative line */
.section-heading {
  text-align: center; font-size: 0.875rem; font-weight: 600;
  letter-spacing: 0.25em; text-transform: uppercase; color: #02000F;
  padding-bottom: 1rem; border-bottom: 2px solid #DF683A; display: inline-block;
}