/* Paranoids theme. Palette of art-concept/CONCEPT.md section 3 (Parano1d brand, locked).
   The kit loads assets/kit.css first and assets/theme.css (this file, replacing the generated one) second, so plain
   selectors of equal specificity win here by source order. */
:root {
  --bg: #020807;          /* void */
  --card: #06110f;        /* dark panel */
  --fg: #effff8;          /* off-white */
  --muted: #c1d3cb;       /* cool grey */
  --line: #14382d;        /* between dark green shadow #0b2a22 and mid green #1f5c47 */
  --accent: #6effc4;      /* mint */
  --good: #6effc4;
  --warn: #ffd27a;        /* amber */
  --bad: #ff957d;         /* coral */
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  /* the brand is dark only: keep the palette when the visitor's system prefers light */
  :root {
    --bg: #020807; --card: #06110f; --fg: #effff8; --muted: #c1d3cb; --line: #14382d;
  }
}

/* square, pixel-like corners to match the art */
.card, .row, .note, .lcard, .tile,
.btn, .chip, .banner-img, .concept-img,
.addr, .amount-big, .shots img, select,
input[type="text"], input[type="number"] { border-radius: 4px; }
.badge { border-radius: 3px; }
.bar, .bar .fill { border-radius: 0; }

.top { border-bottom-color: #1f5c47; }
.brand { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .18em; color: var(--accent); }
h1, .counter { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .02em; }
.card { border-color: #1f5c47; }
.btn.primary { color: #020807; }
.btn:hover, .lcard:hover { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.hero h1 { color: var(--accent); }

/* pixel art is shown with hard edges, never smoothed (collection images, banner, logo, concept sheet) */
img { image-rendering: pixelated; }
.item-img, .tile img, .lc-img img { image-rendering: pixelated; }
/* wallet screenshots are normal pictures */
.shots img { image-rendering: auto; }
.logo-img { width: 96px; height: 96px; }