@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: light;
  /*
   * AAP-62 — palette refresh for higher contrast.
   * Previous parchment/cream paper (#f7f3e8) made text feel washed
   * out even though --color-ink was near-black. Switched paper to
   * pure white for crisp dashboard surfaces; --color-fog tightened
   * from a warm cream to a clean neutral so cards still feel
   * distinct from the page bg. Border alpha bumped slightly to
   * keep card edges visible against white.
   */
  --color-ink: #0a0b0d;
  --color-paper: #ffffff;
  --color-sage: #dce5d4;
  --color-moss: #1e5a4d;
  --color-copper: #d46a3a;
  --color-fog: #f5f5f7;
  --color-border: rgba(10, 11, 13, 0.14);
  --grid-line: rgba(10, 11, 13, 0.08);
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-jakarta), -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  color: var(--color-ink);
  background: #ffffff;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

::selection {
  background: rgba(30, 90, 77, 0.18);
}

.section-label {
  font-family: var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.display-balance {
  text-wrap: balance;
}
