/* WaveLedger shared design tokens — included by every page.
 *
 * Lighter font weights, more letter spacing, more vertical breathing
 * room — applied via inheritance + utility classes so individual pages
 * keep their bespoke layouts untouched.
 */

:root {
  --bg-deepest:  #050810;
  --bg-panel:    #0c1520;
  --bg-input:    #060a0f;
  --border:      #1a2332;
  --border-soft: #131c28;
  --text-strong: #f1f5f9;
  --text-body:   #c8d6e5;
  --text-muted:  #94a3b8;
  --text-dim:    #64748b;
  --text-faint:  #475569;
  --accent:      #0ea5e9;
  --accent-hi:   #38bdf8;
  --success:     #22c55e;
  --warn:        #eab308;
  --err:         #ef4444;
  --font-sans:   'SF Pro Display', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:   'SF Mono', 'Fira Code', ui-monospace, monospace;
}

html, body {
  font-family: var(--font-sans);
  /* Softer overall — body text was 400 (default), keep that. Set
   * conservative weight everywhere so we never go "heavier than light." */
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.1px;
  color: var(--text-body);
  background: var(--bg-deepest);
}

/* Headlines: trim weight, give them air */
h1 {
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.2;
}
h2 {
  /* Section headers were 600 SMALL CAPS; relax both. */
  font-weight: 500;
  letter-spacing: 1.8px;
}
h3 {
  font-weight: 500;
  letter-spacing: 1.4px;
}

/* Body labels, captions */
label, .label, .caption {
  font-weight: 400;
  letter-spacing: 1.3px;
}

/* Bump panel padding for breathing room */
.panel {
  padding: 26px !important;
}
.panel + .panel {
  margin-top: 18px;
}
.panel h2 {
  margin-bottom: 18px !important;
}

/* Slightly more space between labels and inputs */
label {
  margin-top: 16px;
  margin-bottom: 7px;
  display: block;
}

/* Table rows breathe */
th, td {
  padding: 11px 8px !important;
}

/* Inputs more comfortable */
input[type=text], input[type=number], input[type=password], textarea {
  padding: 11px 14px !important;
  letter-spacing: 0.2px;
}

/* Buttons: lighter, more letter spacing */
button {
  font-weight: 500 !important;
  letter-spacing: 0.6px;
}
button.approve, button.block, .signout {
  letter-spacing: 1.3px !important;
}

/* Monospace fields get extra tracking — easier to read addresses */
.mono, code, pre, .addr, .key-blob,
input[type=text].mono, .msg-meta, .abi-fn-name, .abi-sel {
  font-family: var(--font-mono);
  letter-spacing: 0.3px;
}

/* Nav: subtle softening */
.nav-link {
  font-weight: 400 !important;
  letter-spacing: 0.5px;
}
.brand-text {
  font-weight: 500 !important;
  letter-spacing: -0.2px;
}
.brand-sub {
  letter-spacing: 1.8px !important;
}

/* Badges (testnet hero etc) */
.badge {
  font-weight: 400 !important;
  letter-spacing: 1.3px !important;
  padding: 6px 11px !important;
}

/* Status pills */
.status {
  letter-spacing: 0.3px;
}