/* 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; }

/* Decorative X motif — positioned as background element */
.x-motif {
  position: absolute; z-index: 0; pointer-events: none;
  width: 500px; height: 500px;
  background: #A8C5C2; opacity: 0.6;
  clip-path: polygon(20% 0%, 40% 0%, 100% 80%, 100% 100%, 80% 100%, 0% 20%, 0% 0%, 20% 0%);
}
.x-motif::after {
  content: ''; position: absolute; inset: 0;
  background: #A8C5C2; opacity: 0.6;
  clip-path: polygon(60% 0%, 80% 0%, 100% 0%, 100% 20%, 20% 100%, 0% 100%, 0% 80%, 60% 0%);
}

/* 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; }

/* Accordion */
.accordion-item { border-bottom: 1px solid #E0E0E0; }
.accordion-trigger {
  width: 100%; display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 0; text-align: left; font-size: 1.125rem; color: #02000F;
  cursor: pointer; transition: color 0.2s; background: none; border: none;
}
.accordion-trigger:hover { color: #DF683A; }
.accordion-content { overflow: hidden; transition: all 0.3s; }

/* 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;
}