html, body {
  background: #f7f4ee !important;
  color: #181818 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
}

main,
.page,
.site,
.shell,
.layout,
.app,
.view {
  background: transparent !important;
}

.topbar,
header,
.site-header,
.navbar {
  background: transparent !important;
}

.brand,
.topbar .brand,
header .brand,
.site-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #181818 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.brand .logo,
.topbar .logo,
header .logo,
.site-header .logo {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  border-radius: 999px !important;
  background: #111 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.logo.square,
.square.logo {
  border-radius: 999px !important;
  background: #111 !important;
}

.nav a,
.topbar a,
header a {
  text-decoration: none !important;
}

.card,
.panel,
.box,
.module,
.tool-card,
.preview,
.preview-box,
.summary-card,
.value-card,
.upload-card,
.subcard,
.stat {
  background: #ffffff !important;
  border-radius: 18px !important;
}

footer,
.footer {
  background: transparent !important;
}

.wrap,
.container {
  max-width: 1180px;
}

h1 {
  letter-spacing: -0.02em;
}

.kicker,
.card-tag {
  color: #9b6a37 !important;
}

/* Global button normalization */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.btn,
a.btn2,
button.btn,
button.btn2,
.pick-btn,
.btn,
.btn2,
.primary-btn,
.ghost-btn,
.secondary,
a.secondary,
button.secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

/* Kill inherited inner spacing that pushes text upward */
button *,
a.btn *,
a.btn2 *,
.btn *,
.btn2 *,
.pick-btn *,
.primary-btn *,
.ghost-btn *,
.secondary * {
  line-height: 1 !important;
}

/* Primary buttons */
.btn,
button.btn,
.pick-btn,
.primary-btn,
button:not(.btn2):not(.secondary):not(.ghost-btn)[type="submit"] {
  background: #1f1f1f !important;
  color: #ffffff !important;
  border: 1px solid #1f1f1f !important;
}

/* Secondary / ghost buttons */
.btn2,
.secondary,
a.secondary,
button.secondary,
.ghost-btn {
  background: #ffffff !important;
  color: #181818 !important;
  border: 1px solid #e5ddd2 !important;
}

/* Remove shadows and odd rendering */
.btn,
.btn2,
.pick-btn,
.primary-btn,
.ghost-btn,
.secondary,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  box-shadow: none !important;
  filter: none !important;
}

/* Consistent hover */
.btn:hover,
.btn2:hover,
.pick-btn:hover,
.primary-btn:hover,
.ghost-btn:hover,
.secondary:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  transform: translateY(-1px) !important;
  opacity: 0.96 !important;
}

/* Disabled consistency */
.btn[disabled],
.btn2[disabled],
.pick-btn[disabled],
.primary-btn[disabled],
.ghost-btn[disabled],
.secondary[disabled],
button[disabled],
input[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Common action areas */
.paybar a,
.paybar button,
.hero-actions a,
.hero-actions button,
.card-actions a,
.card-actions button,
.row a.btn,
.row button.btn,
.row a.btn2,
.row button.btn2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep background calm */
body,
main,
.page,
.site,
.shell,
.layout,
.app,
.view {
  background-color: #f7f4ee !important;
}