/* shwn-wallet — skin. Scoped to .sp-shwn-wallet so host tokens cannot leak in.
   This is the only file to edit per project (usually one line). */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/fa0520225c6f3d07-s.p.0_88erakuzr64.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/fc2699ecc8323b38-s.0gyljc-fku7zg.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/797e433ab948586e-s.p.08e28id.o-okb.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.sp-shwn-wallet {
  --sp-shwn-wallet-font: "Public Sans", "Public Sans Fallback", "Geist", "Geist Fallback", "Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  --sp-shwn-wallet-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --sp-shwn-wallet-number-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --sp-shwn-wallet-shell-bg: #37473c;
  --sp-shwn-wallet-stroke: #597461;
  --sp-shwn-wallet-stroke-opacity: 0.75;
  --sp-shwn-wallet-card-inset-top: #ffffffc0;
  --sp-shwn-wallet-card-inset-bottom: #000a;
  --sp-shwn-wallet-cc-onyx-a: #e6f3fc;
  --sp-shwn-wallet-cc-onyx-b: #c5e4f8;
  --sp-shwn-wallet-cc-onyx-c: #9fd2ef;
  --sp-shwn-wallet-cc-onyx-gleam: #ffffff8c;
  --sp-shwn-wallet-cc-onyx-text: #12344ef0;
  --sp-shwn-wallet-cc-onyx-muted: #2d5f7d8c;
  --sp-shwn-wallet-cc-onyx-accent: #64b4f047;
  --sp-shwn-wallet-cc-aurora-a: #e8f7ef;
  --sp-shwn-wallet-cc-aurora-b: #c5ebd6;
  --sp-shwn-wallet-cc-aurora-c: #95d9b3;
  --sp-shwn-wallet-cc-aurora-text: #123a28f0;
  --sp-shwn-wallet-cc-aurora-muted: #2a64488c;
  --sp-shwn-wallet-cc-aurora-deep: #19463052;
  --sp-shwn-wallet-cc-aurora-halo: #bef5d780;
  --sp-shwn-wallet-cc-gold: #c9a24a;
  --sp-shwn-wallet-cc-gold-soft: #e6be6438;
  --sp-shwn-wallet-cc-gold-bright: #ffecc859;
  --sp-shwn-wallet-cc-blue-glow: #50aaf052;
  --sp-shwn-wallet-cc-chip-a: #e8c86a;
  --sp-shwn-wallet-cc-chip-b: #7a5a18;
  --sp-shwn-wallet-cc-chip-c: #fff6dc;
  --sp-shwn-wallet-pocket-bg: #37473c;
  --sp-shwn-wallet-pocket-ridge: #2d4035;
  --sp-shwn-wallet-depth-mid-a: #496350ee;
  --sp-shwn-wallet-depth-mid-b: #49635010;
  --sp-shwn-wallet-depth-bottom-a: #496350;
  --sp-shwn-wallet-depth-bottom-b: #49635099;
  --sp-shwn-wallet-depth-bottom-c: #49635022;
  --sp-shwn-wallet-balance-amount-shadow: #44584a;
  --sp-shwn-wallet-balance-amount-text: #0000006a;
  --sp-shwn-wallet-balance-amount-shine: linear-gradient(110deg, #0000005f 30%, #ffffffa2 50%, #0000005f 70%);
  --sp-shwn-wallet-balance-label-shadow: #485c4e;
  --sp-shwn-wallet-balance-label-text: #0000007a;
  --sp-shwn-wallet-shell-shadow: 0 0 10px 0 #000000e6 inset, 0 10px 20px 0 #0003 inset, 0 -3px 10px 0 #000c inset, 0 50px 50px -20px #00000059;
  --sp-shwn-wallet-card-face-shadow: 0 1px 1px 0 var(--sp-shwn-wallet-card-inset-top) inset, 0 -1px 1px 0 var(--sp-shwn-wallet-card-inset-bottom) inset;
  --sp-shwn-wallet-card-2-face-shadow: 0 1px 1px 0 #d2f5e18c inset, 0 -1px 1px 0 var(--sp-shwn-wallet-card-inset-bottom) inset;
  --sp-shwn-wallet-pocket-rim-shadow: 0 -2px 12px 0 #0000004d, 0 -1px 4px 0 #0000004d;
  --sp-shwn-wallet-pocket-depth-mid-shadow: 2px 0 5px 0 #0009 inset, 12px 0 10px -2px var(--sp-shwn-wallet-pocket-ridge) inset, 20px 0 30px -6px #0009 inset, -2px 0 3px -1px #0000004d inset, -12px 0 10px -2px var(--sp-shwn-wallet-pocket-ridge) inset, -20px 0 30px -6px #0009 inset, 0 20px 10px 0 var(--sp-shwn-wallet-pocket-bg) inset, 0 20px 15px 0 var(--sp-shwn-wallet-pocket-bg) inset;
  --sp-shwn-wallet-pocket-depth-mid-bg: radial-gradient(circle at 50% 50%, var(--sp-shwn-wallet-depth-mid-a) 0%, var(--sp-shwn-wallet-depth-mid-b) 60%, transparent 100%);
  --sp-shwn-wallet-pocket-front-shadow: 0 -14px 40px -7px #0009 inset, 0 -3px 10px -4px #000c inset, 0 4px 11px -4px #000, 0 -2px 10px 0 #0003, 0 -1px 4px 0 #0000004d;
  --sp-shwn-wallet-pocket-depth-front-shadow: 2px 0 5px 0 #0009 inset, 12px 0 10px -2px var(--sp-shwn-wallet-pocket-ridge) inset, 20px 0 30px -6px #00000080 inset, -2px 0 3px -1px #0000004d inset, -12px 0 10px -2px var(--sp-shwn-wallet-pocket-ridge) inset, -20px 0 30px -6px #00000080 inset, 0 20px 10px 0 var(--sp-shwn-wallet-pocket-bg) inset, 0 20px 15px 0 var(--sp-shwn-wallet-pocket-bg) inset, 0 -30px 22px 0 #00000059 inset;
  --sp-shwn-wallet-pocket-depth-front-bg: radial-gradient(circle at 50% 50%, var(--sp-shwn-wallet-depth-bottom-a) 0%, var(--sp-shwn-wallet-depth-bottom-b) 30%, var(--sp-shwn-wallet-depth-bottom-c) 70%, transparent 100%);
}

/* ---- Brassword site skin: charcoal leather, brass stitching. */
.sp-shwn-wallet {
  --sp-shwn-wallet-shell-bg: #2e2b26;
  --sp-shwn-wallet-pocket-bg: #2e2b26;
  --sp-shwn-wallet-stroke: #a97b2f;
}