/* Arch-nix Catboi — catboy-internet aesthetic (soft pastel-on-dark, NOT a
   ricing/tiling-WM look despite the slug). Lavender/pink/mint accents on a
   near-black ground, cat-ear/paw-print decorative touches, a rounded
   friendly display face (Quicksand).

   Contrast: --text/--text-2/--muted verified against all three grounds with
   the standard relative-luminance formula (full body-text WCAG rigor, not
   the relaxed vibe-card bar) — worst case is --muted vs --bg3 at 5.18:1,
   comfortably clearing the >=4.5:1 AA bar. --danger vs --danger-dark is
   7.73:1, clearing the TOKEN CONTRACT bar in theme.css.

   Scope note: the source spec's opt-in "uwu"-inflected copy layer is an app
   feature (a copy-toggle setting gating alternate string content), not
   something this pack's CSS can or should implement — no copy strings live
   in this file, and no selector here assumes uwu-variant markup/classes
   exist. This file is copy-agnostic on purpose so the real toggle (out of
   scope for this task) can be wired up later without touching this pack.
   See: circuitforge-plans/vaportrade-clone/superpowers/specs/
   2026-08-13-ui-redesign-design.md §3 "Theme-pack roadmap". */
/* Chicoree Em + Cairopixel (2026-09-02, swapped in from Quicksand via the
   font-gallery-generator drag-and-drop tool's exported picks). Both SIL
   OFL. Cairopixel is shared with 8bit.css's own --font-mono pick -- same
   duplicated-@font-face-per-pack convention as VT323 across
   8bit/matrix-terminal/ps1-lowpoly before this round. */
@font-face{
  font-family:"Chicoree Em";
  src:url("/vaportrade/static/fonts/chicoree-em/ChicoreeEm-Bold.woff2") format("woff2");
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"Cairopixel";
  src:url("/vaportrade/static/fonts/cairopixel/Cairopixel.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
/* Sulphur Point (2026-09-02, --font-h2, the new 3rd font role): SIL OFL,
   self-hosted under static/fonts/sulphur-point/. This round's OTHER pick
   for this pack (Odudo-Font, --font-display) was rejected -- it turned
   out to be a Fontspring DEMO/trial font, explicitly blocked from any
   commercial or public use ("for testing and evaluation purposes only");
   --font-display stays on Chicoree Em (Alan's own replacement pick). */
@font-face{
  font-family:"Sulphur Point";
  src:url("/vaportrade/static/fonts/sulphur-point/SulphurPoint-Regular.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
[data-theme="archnix-catboi"]{
  --bg:#13111c; --bg2:#1c1929; --bg3:#262233; --border:#4a4560;
  --text:#f0ecfa; --text-2:#c3b8de; --muted:#9a8fbd;
  --accent-1:#c9a6f5; --accent-2:#f8b4d9; --accent-3:#a6f0c6;
  --success:#6ee7b7; --danger:#ff8fa3; --danger-dark:#3a0e18; --warning:#ffcf86;
  --font-display:"Chicoree Em",sans-serif;
  --font-mono:"Cairopixel",monospace;
  --font-h2:"Sulphur Point",sans-serif;
  --font-size-display:1.875rem; --font-size-mono:1.5rem; --font-size-h2:1.625rem;
}
/* Pastel rainbow title gradient — same h1 .grad hook as every other pack,
   lavender/pink/mint instead of neon-casino's violet/cyan/pink. */
[data-theme="archnix-catboi"] h1 .grad{
  background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* Pastel gradient buttons, dark plum text (not white) — the accent trio is
   all light-toned, so white text repeats the exact readability mistake
   Lisa Frank's initial ship avoided by using a rainbow gradient in the
   first place; a dedicated dark button-text color keeps this legible
   without touching the --text token used everywhere else. */
/* 2026-08-28 button glow-up: this pack's own flat gradient fill (and the
   dark-plum text color it needed to stay legible against that light
   fill) are gone -- the new base button{} rule (theme.css) already gives
   every pack an animated gradient-border CTA look via --accent-1/2/3,
   which this pack already sets to its own pastel purple/pink/mint trio,
   so no per-pack override is needed here anymore. The dark-plum text
   color specifically would have been illegible against the new fixed
   near-black button fill (it was tuned for the old light pastel fill),
   so it's removed rather than kept -- the base rule's own light,
   accent-tinted text color takes over instead. */
/* Extra-rounded corners + soft lavender glow — "friendly rounded display
   face" extends to the panels themselves, plumper than the base 14px/12px
   theme.css default. */
[data-theme="archnix-catboi"] .card,
[data-theme="archnix-catboi"] .tile:not(.tile-promoted){
  border-radius:20px;
  box-shadow:0 2px 14px rgba(201,166,245,.16);
}
/* Paw-print watermark, bottom-right of every card — low-opacity inline SVG,
   no extra markup needed. Two toe-pads + palm, same "no markup change"
   trick as cf-defcon's corner brackets. */
[data-theme="archnix-catboi"] .card{
  position:relative;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23c9a6f5' fill-opacity='0.16'%3E%3Cellipse cx='32' cy='40' rx='14' ry='11'/%3E%3Ccircle cx='16' cy='20' r='6'/%3E%3Ccircle cx='30' cy='12' r='6.5'/%3E%3Ccircle cx='46' cy='16' r='6'/%3E%3Ccircle cx='54' cy='30' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:bottom 8px right 8px;
  background-size:44px 44px;
}
/* 🐾 section-heading accent — cf-defcon's ▸ divider treatment, paw-print
   flavored, no markup change required. */
[data-theme="archnix-catboi"] h2{
  display:flex;align-items:center;gap:6px;
}
[data-theme="archnix-catboi"] h2::before{content:"🐾";font-size:.85em}
/* Soft mint ring on the "on" chip state, mirroring lisa-frank's
   accent-2/accent-3 chip treatment so accent-3 (mint) isn't left as an
   inert unused token slot. */
[data-theme="archnix-catboi"] .chip.on{
  background:rgba(166,240,198,.22);border-color:var(--accent-3);color:var(--text);
}