:root {
  --bg: #0b0b0c !important;
  --bg-card: #151517 !important;
  --bg-elevated: #1c1c1f !important;
  --border: rgba(242, 238, 229, .14) !important;
  --border-strong: rgba(242, 238, 229, .24) !important;
  --border-hover: rgba(242, 238, 229, .26) !important;
  --gold: #ff4d00 !important;
  --gold-bright: #ff6422 !important;
  --gold-soft: rgba(255, 77, 0, .11) !important;
  --gold-dim: rgba(255, 77, 0, .09) !important;
  --gold-glow: rgba(255, 77, 0, .18) !important;
  --white: #f2eee5 !important;
  --muted: #aaa49a !important;
  --muted-dark: #716c65 !important;
  --grey: #918d86 !important;
  --grey-dim: #4c4a48 !important;
  --success: #60c878 !important;
  --danger: #e18a76 !important;
  --display: "Anton", "Arial Narrow", sans-serif !important;
  --serif: "Anton", "Arial Narrow", sans-serif !important;
  --sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --data: "JetBrains Mono", ui-monospace, monospace;
}

body {
  background: var(--bg) !important;
}

body::before {
  opacity: .035 !important;
}

.tool-nav {
  background: rgba(11, 11, 12, .9) !important;
  border-color: var(--border) !important;
}

.tool-nav__logo {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--white) !important;
  font-family: var(--display) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
}

.tool-nav__logo::before {
  content: none;
}

.tool-nav__links a,
.tool-footer__links,
.eyebrow,
.step-kicker,
.guide-label,
.trust-row,
.result-kicker,
.card-kicker {
  font-family: var(--data) !important;
  letter-spacing: .08em !important;
}

.tool-nav__cta,
.btn,
.btn-primary,
.btn-secondary {
  border-radius: 4px !important;
  font-family: var(--data) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.tool-nav__cta {
  color: var(--bg) !important;
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

.btn-primary {
  color: var(--bg) !important;
  background: var(--gold) !important;
  box-shadow: 5px 5px 0 var(--white) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background: var(--gold-bright) !important;
  box-shadow: 8px 8px 0 var(--white) !important;
  transform: translate(-2px, -2px) !important;
}

.btn-primary::before {
  display: none !important;
}

.tool-hero h1,
.guide-hero h1,
.challenge-hero h1,
.library-hero h1,
.tool-section h2,
.guide-body h2,
.app-bridge h2,
.result-card h2,
.score-result h2 {
  letter-spacing: .01em !important;
  line-height: .94 !important;
  text-transform: uppercase;
}

.tool-hero h1 em,
.guide-hero h1 em,
.challenge-hero h1 em,
.library-hero h1 em {
  color: var(--gold) !important;
  font-family: var(--display) !important;
  font-style: normal !important;
}

.tool-card,
.tool-panel,
.question-card,
.result-card,
.score-result,
.scenario-card,
.challenge-card,
.guide-card,
.related-card,
.app-bridge,
.guide-mission,
.signal-card,
.example-box,
.day-card {
  border-radius: 12px !important;
  border-color: var(--border) !important;
}

.problem-card,
.hub-tool,
.trainer-principles > div,
.scenario-feedback {
  border-radius: 12px !important;
  border-color: var(--border) !important;
  background: var(--bg-card) !important;
}

.problem-card:hover,
.hub-tool:hover,
.hub-tool--featured {
  border-color: rgba(255, 77, 0, .48) !important;
  background: var(--bg-card) !important;
}

.scenario-choice {
  border-radius: 4px !important;
}

.scenario-choice:hover:not(:disabled),
.scenario-choice.is-selected {
  border-color: var(--gold) !important;
}

.tools-hub-hero h1 em {
  color: var(--gold) !important;
  font-family: var(--display) !important;
  font-style: normal !important;
}

input,
select,
textarea,
.option-button,
.choice-button,
.segmented button {
  border-radius: 4px !important;
}

.tool-footer {
  border-color: var(--border) !important;
}

.tool-footer__inner {
  border-top-color: var(--border) !important;
}

em {
  color: var(--gold);
  font-family: var(--display);
  font-style: normal;
}

@media (max-width: 760px) {
  .tool-nav__links a:not(.tool-nav__cta) {
    display: none !important;
  }

  .tool-nav__inner {
    min-height: 62px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}