:root {
  --swdk9-bg: #0E0E10;
  --swdk9-bg-alt: #141417;
  --swdk9-accent: #7FB69A;
  --swdk9-accent-hover: #6CA589;
  --swdk9-text: #F4F4F4;
  --swdk9-text-muted: #9CA3AF;
  --swdk9-border: rgba(255, 255, 255, 0.1);
}

html, body {
  background-color: var(--swdk9-bg);
  color: var(--swdk9-text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', 'Inter', sans-serif;
  letter-spacing: 0.02em;
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.swdk9-eyebrow {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--swdk9-accent);
  font-size: 0.875rem;
}

.swdk9-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  background-color: var(--swdk9-accent);
  color: var(--swdk9-bg);
  font-weight: 700;
  border-radius: 4px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background-color 150ms ease;
}
.swdk9-btn-primary:hover { background-color: var(--swdk9-accent-hover); }

.swdk9-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border: 1px solid var(--swdk9-accent);
  color: var(--swdk9-accent);
  font-weight: 700;
  border-radius: 4px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: all 150ms ease;
}
.swdk9-btn-outline:hover { background-color: var(--swdk9-accent); color: var(--swdk9-bg); }

.swdk9-card {
  background-color: var(--swdk9-bg-alt);
  border: 1px solid var(--swdk9-border);
  border-radius: 4px;
  padding: 2rem;
  transition: border-color 200ms ease;
}
.swdk9-card:hover { border-color: rgba(127, 182, 154, 0.5); }

a { color: inherit; }
a:hover { color: var(--swdk9-accent); }

input, select, textarea {
  background-color: var(--swdk9-bg-alt);
  color: var(--swdk9-text);
  border: 1px solid var(--swdk9-border);
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--swdk9-accent);
}