:root,
[data-theme="light"] {
  --bg: #f4ebdc;
  --bg-elevated: #fbf4e8;
  --surface: #fff8ef;
  --border: rgba(77, 58, 33, 0.14);
  --text: #16110d;
  --text-secondary: #3d3125;
  --muted: #746350;
  --accent: #16110d;
  --accent-dim: #5d4d3c;
  --accent-yellow: #8d7a63;
  --glass: rgba(255, 248, 239, 0.92);
  --glass-border: rgba(77, 58, 33, 0.16);
  --glow: 0 0 32px rgba(84, 61, 33, 0.1);
  --card-shadow: 0 18px 48px rgba(85, 64, 36, 0.1), 0 0 0 1px rgba(85, 64, 36, 0.05);
  --display-gradient: linear-gradient(135deg, #16110d 0%, #5d4d3c 52%, #af9d85 100%);
  --stripe-pattern: repeating-linear-gradient(
    90deg,
    rgba(58, 44, 25, 0.028) 0px,
    rgba(58, 44, 25, 0.028) 1px,
    transparent 1px,
    transparent 48px
  );
  --mesh-gradient: var(--stripe-pattern), radial-gradient(ellipse 80% 60% at 50% 0%, rgba(73, 54, 28, 0.05), transparent 60%);
  --hero-gradient: #f4ebdc;
}

html,
body {
  background: #f4ebdc;
}

button[aria-label^="Switch to"] {
  display: none !important;
}

#demo .rounded-2xl.p-3.shadow-card {
  background: linear-gradient(145deg, #f7efe2 0%, #efe4d3 52%, #e4d7c1 100%) !important;
  box-shadow: 0 24px 60px rgba(78, 56, 28, 0.12) !important;
}

#features .glass-card,
#how [data-reveal] > div:first-child {
  background: linear-gradient(160deg, #fff8ef 0%, #f7eddc 52%, #efe1ca 100%) !important;
  border-color: rgba(103, 77, 43, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 18px 40px rgba(58, 42, 21, 0.08);
}

#features .glass-card svg,
#how [data-reveal] > div:first-child svg {
  display: block;
}

.wallet-adapter-button {
  color: #0a0a0a;
}

.wallet-adapter-button:not([disabled]):focus-visible,
.wallet-adapter-modal-button-close:focus-visible {
  outline-color: #0a0a0a;
}

.wallet-adapter-button:not([disabled]):hover,
.wallet-adapter-dropdown-list-item:not([disabled]):hover {
  background-color: #f2e9db;
}

.wallet-adapter-dropdown-list,
.wallet-adapter-modal-wrapper {
  background: #fff7ed;
  box-shadow: 0 18px 60px rgba(70, 50, 22, 0.12);
}

.wallet-adapter-dropdown-list-item,
.wallet-adapter-modal-title,
.wallet-adapter-modal-list-more {
  color: #0a0a0a;
}

.wallet-adapter-modal-button-close {
  background: #f2e9db;
}

.wallet-adapter-modal-button-close svg,
.wallet-adapter-modal-collapse-button svg {
  fill: #525252;
}

.wallet-adapter-modal-button-close:hover svg {
  fill: #0a0a0a;
}

.wallet-adapter-modal-middle-button,
.wallet-adapter-button-trigger {
  background: #16110d;
  color: #ffffff;
}

section[data-veilrail-hero="true"] [data-veilrail-hero-media-wrap="true"] {
  width: 100%;
}

section[data-veilrail-hero="true"] [data-veilrail-hero-card="true"] {
  width: min(100%, 32rem);
  margin-inline: auto;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  box-shadow: none;
  background: transparent;
}

section[data-veilrail-hero="true"] [data-veilrail-hero-image="true"] {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  section[data-veilrail-hero="true"] [data-veilrail-hero-media-wrap="true"] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 0%;
    min-width: 0;
  }

  section[data-veilrail-hero="true"] [data-veilrail-hero-card="true"] {
    width: min(100%, 32rem);
    margin-inline: auto;
    transform: none;
  }
}

@media (min-width: 1024px) {
  header[data-veilrail-header="true"] > [data-veilrail-header-inner="true"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 2rem;
  }

  header[data-veilrail-header="true"] [data-veilrail-brand="true"] {
    justify-self: start;
  }

  header[data-veilrail-header="true"] [data-veilrail-nav="true"] {
    justify-self: center;
  }

  header[data-veilrail-header="true"] [data-veilrail-actions="true"] {
    justify-self: end;
  }
}
