/* App is dark-only. :root = dark palette (no light mode). */
:root,
html,
html[data-theme="dark"] {
  color-scheme: dark;
  --stone: #121211;
  --paper: #121211;
  --white: #1c1c1a;
  --light: #1c1c1a;
  --dark: #0e0e0d;
  --ink: #f0efe9;
  --muted: #9b9a92;
  --line: rgba(240, 239, 233, 0.16);
  --accent: #f0efe9;
  --header-bg: rgba(18, 18, 16, 0.86);
  --header-warm: rgba(18, 18, 16, 0.86);
  --surface: rgba(255, 255, 255, 0.04);
  --nav-active: rgba(255, 255, 255, 0.06);
  --dot: transparent;
  --panel-shadow: rgba(0, 0, 0, 0.45);
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: Arial, "Helvetica Neue", sans-serif;
  --script: "Snell Roundhand", "Apple Chancery", cursive;
}

body {
  margin: 0;
  background: var(--stone);
  background-image: none;
  color: var(--ink);
  font: 14px/1.55 var(--sans);
  -webkit-font-smoothing: antialiased;
}

.app-header {
  height: 78px;
  border-color: var(--line);
  background: var(--header-bg);
  backdrop-filter: blur(16px);
}

.app-brand > img {
  width: 34px;
  height: 34px;
  object-fit: cover;
  border: 1px solid var(--ink);
}

html[data-theme="dark"] .app-brand > img {
  filter: invert(1);
}

.app-brand i,
.eyebrow {
  color: var(--ink);
}

nav a {
  color: var(--muted);
}

nav a.active {
  color: var(--ink);
  border-color: var(--line);
  background: var(--nav-active);
}

.command-bar label,
.empty-ledger,
.token-table {
  background: var(--surface);
}

.app-intro {
  min-height: 58vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-intro h1 em {
  color: var(--ink);
}

.header-tools {
  gap: 8px;
  align-items: center;
}

.header-tools .plain-button {
  white-space: nowrap;
}

/* Theme switch removed — app is dark-only. */
.theme-toggle {
  display: none !important;
}

.create-drawer form {
  background: var(--light);
  overflow-y: auto;
}

.create-drawer .ink-button {
  min-height: 50px;
  cursor: pointer;
}

.create-drawer input,
.create-drawer textarea {
  background: var(--stone);
  color: var(--ink);
  border-color: var(--line);
}

.wallet-panel {
  background: var(--paper);
  border-color: var(--ink);
  box-shadow: 10px 10px 0 var(--panel-shadow);
  color: var(--ink);
}

.wallet-backdrop {
  background: rgba(8, 8, 8, 0.72);
}

html[data-theme="dark"] .wallet-backdrop {
  background: rgba(0, 0, 0, 0.78);
}

.trade-panel,
.liquidity-panel,
.trade-panel-launch {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--ink);
}

.token-card,
.command-bar,
.filters button,
.wrap-panel,
.activity-list,
.section-heading,
.token-board,
.create-drawer {
  border-color: var(--line);
}

.token-card {
  background: var(--light);
}

.filters button.selected,
.ink-button {
  border-color: var(--ink);
}

.ink-button {
  background: var(--ink);
  color: var(--light);
}

.plain-button,
.create-button {
  border-color: var(--line);
  color: var(--ink);
  background: transparent;
}

input,
textarea,
select {
  color: var(--ink);
  background: var(--light);
  border-color: var(--line);
}

html[data-theme="dark"] .token-card,
html[data-theme="dark"] .trade-launch-side,
html[data-theme="dark"] .trade-about,
html[data-theme="dark"] .trade-tape-section {
  background: var(--light);
  border-color: var(--line);
}

html[data-theme="dark"] .registry-live[data-state="live"] {
  color: #14f195;
}

@media (max-width: 980px) {
  .header-tools .plain-button {
    display: none;
  }
}