/* Vice.io design tokens — extracted from docs/brand-ethos.md. FROZEN in
   docs/interfaces.md §7; streams consume these variables, never raw hex.
   No pure white, no pure black, never more than three colors per composition.
   No gradients, no drop shadows. */

:root {
  --vice-bone: #F2EBDD;      /* ground */
  --vice-ink: #1C1712;       /* line, text */
  --vice-oxblood: #5A1E1B;   /* accent, CTAs */
  --vice-gold: #B08D3E;      /* foil moments, ETH prices */
  --vice-verdigris: #3E5C50; /* editorial category tags */

  --vice-font-display: "Canela", "Freight Display", "EB Garamond", Georgia, serif;
  --vice-font-body: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --vice-font-price: "Berkeley Mono", "JetBrains Mono", "SFMono-Regular", Menlo, monospace;

  --vice-rule: 1.5px solid var(--vice-ink); /* hand-ruled double border frames */
}

body {
  background: var(--vice-bone);
  color: var(--vice-ink);
  font-family: var(--vice-font-body);
}

/* ETH prices are always monospace. "2.000000 ETH" is a number you respect. */
.eth-price {
  font-family: var(--vice-font-price);
  color: var(--vice-gold);
  font-variant-ligatures: none;
}

.display, h1, h2, h3 {
  font-family: var(--vice-font-display);
  font-variant-caps: small-caps;
  letter-spacing: 0.02em;
}

.category-tag {
  color: var(--vice-verdigris);
  font-variant-caps: all-small-caps;
}

.framed {
  border: var(--vice-rule);
  outline: var(--vice-rule);
  outline-offset: 3px;
}

.caption {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
  text-align: center;
}