/* Angel rebrand — GENERATED by tools/brand_overrides.py + hand-written tokens at the bottom.
 * Loaded last. Every rule below re-declares an original selector with the Angel palette / fonts.
 * Delete the <link> in index.html to get Tithe's look back. */

/* ---- overrides for chrome.css ---- */
:where(.fm-nav, .fm-footer) { font-family: 'Manrope', system-ui, sans-serif; }
.fm-nav { border: 1px solid rgba(111,168,245,0.2); box-shadow: 0 4px 24px rgba(111,168,245,0.15); }
.fm-links a { color: #44546e; }
.fm-links a:hover, .fm-links a[aria-current="page"] { color: #6fa8f5; }
.fm-nav-cta { background: #6fa8f5; }
.fm-nav-cta:hover { background: #4f8fea; }
.fm-burger { border: 1px solid rgba(111,168,245,0.3); color: #44546e; }
.fm-nav .wallet-pill { color: #44546e; border: 1px solid rgba(111,168,245,0.35); }
.fm-nav .wallet-pill:hover { background: #eef4fc; }
.fm-nav .wallet-pill.connect { font-family: 'Manrope', system-ui, sans-serif; color: #44546e; }
.fm-nav .wallet-drop { border-color: #dce6f5; box-shadow: 0 12px 40px rgba(111,168,245,0.22); }
.fm-btn.primary { background: #6fa8f5; border: 1px solid rgba(111,168,245,0.3); box-shadow: 0 4px 20px rgba(111,168,245,0.35); }
.fm-btn.primary:hover { background: #4f8fea; }
.fm-btn.ghost { color: #44546e; border: 1px solid rgba(111,168,245,0.35); }
.fm-btn.ghost:hover { background: #eef4fc; }
.fm-btn.big { box-shadow: 0 4px 20px rgba(111,168,245,0.4); }
.fm-foot-cta h2 { font-family: 'Fraunces', sans-serif; color: #6fa8f5; }
.fm-foot-cta p { color: rgba(68,84,110,0.55); }
.fm-foot-row { border-top: 1px solid rgba(111,168,245,0.15); }
.fm-footer .fm-foot-links a { text-shadow: 0 1px 8px rgba(12,21,38,0.7); }
.fm-copy { text-shadow: 0 1px 8px rgba(12,21,38,0.7); }
.fm-legal p { text-shadow: 0 1px 6px rgba(12,21,38,0.8); }
@media (max-width: 768px) {
  .fm-footer { background: linear-gradient(to bottom, #fff 0, #fff 420px, #0f1a30 420px); }
}
.spinner { border: 2.5px solid rgba(111,168,245,0.25); border-top-color: #6fa8f5; }
.rc-loading { color: rgba(68,84,110,0.7); }
.page-loader { color: #44546e; }
.page-loader small { color: rgba(68,84,110,0.6); }
.fm-footer .fm-foot-links a.fm-foot-x { filter: drop-shadow(0 1px 6px rgba(12,21,38,0.7)); }
.official-badge { font-family: 'Fraunces', system-ui, sans-serif; background: linear-gradient(135deg, #6fa8f5 0%, #2f6fd0 100%); }
/* Same sky blue as the Launch & give button; white text, the address in a translucent pill. */
.ca-banner { background: #6fa8f5; color: #fff; font-family: 'Manrope', system-ui, sans-serif; box-shadow: 0 2px 12px rgba(111,168,245,0.3); }
.ca-banner a, .ca-banner button, .ca-banner b { color: #fff; }
.ca-banner-copy { font-family: 'Manrope', system-ui, sans-serif; color: #2f6fd0; }

/* ---- overrides for home.css ---- */
body.fm { color: #1b2a4a; font-family: 'Manrope', system-ui, sans-serif; }
.fm-hero-copy h1 { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.fm-lead { color: rgba(68,84,110,0.55); }
.fm-rotator span { color: #6fa8f5; }
.fm-sub { color: rgba(68,84,110,0.55); }
.fm-browser { background: #0c1526; border: 1px solid rgba(111,168,245,0.15); }
.fm-screen { background: linear-gradient(135deg,#0c1526 0%,#1b2a4a 100%); }
.fm-screen-fade { background: linear-gradient(to top, rgba(12,21,38,0.6) 0%, transparent 60%); }
.fm-expand { background: rgba(27,42,74,0.55); font-family: 'Fraunces', sans-serif; }
.fm-play { background: rgba(27,42,74,0.55); }
.fm-play:hover { background: rgba(27,42,74,0.75); }
.fm-powered > span { color: rgba(68,84,110,0.55); }
.fm-eyebrow { color: rgb(143,190,255); }
.fm-how-title h2 { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.fm-num { color: #6fa8f5; }
.fm-card h3 { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.fm-card-text > p:last-child { color: rgba(68,84,110,0.55); }
.fm-section { border-top: 1px solid #dce6f5; }
.fm-h2 { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.fm-tilt-img .fm-tilt-inner { box-shadow: 0 40px 100px rgba(111,168,245,0.25), 0 8px 24px rgba(0,0,0,0.08); }
.fm-q { border-bottom: 1px solid #dce6f5; }
.fm-q button > span:first-child { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.fm-plus { color: #6fa8f5; }
.fm-a p { color: rgba(68,84,110,0.75); }
.fm-a a:hover { color: #6fa8f5; }
.cmp-row:not(.cmp-head):nth-child(even) > span { background: #f7faff; }
.cmp-row:not(.cmp-head) > span { border-bottom: 1px solid #eef3fa; }
.cmp-row > span:first-child { color: #1b2a4a; }
.cmp-row > span:nth-child(2) { color: #9aa6b8; }
.cmp-row > span:nth-child(3) { border-left: 2px solid #6fa8f5; background: rgba(111,168,245,0.07) !important; }
.cmp-head > span { font-family: 'Manrope', sans-serif; color: #9aa6b8 !important; }
.cmp-head > span:nth-child(3) { color: #6fa8f5 !important; border-bottom: 2px solid #6fa8f5; }
.cmp-head > span:nth-child(2) { border-bottom: 1px solid #dce6f5; }
@media (max-width: 768px) {
  .cmp-row > span:nth-child(3)::before { color: #6fa8f5; }
}
.rc-card { border: 1px solid #dce6f5; }
.rc-card:hover { border-color: #c9dbf7; box-shadow: 0 16px 40px rgba(111,168,245,0.22); }
.rc-img { background: linear-gradient(135deg, #eef4fc, #d6e5fb); }
.rc-img span { font-family: 'Fraunces', sans-serif; color: #6fa8f5; }
.rc-name { font-family: 'Fraunces', sans-serif; color: #1b2a4a; }
.rc-when { color: rgba(68,84,110,0.55); }
.rc-symbol { color: rgba(68,84,110,0.55); }
.rc-for { color: #44546e; }
.rc-for b { color: #2f6fd0; }
.rc-cap { color: rgba(68,84,110,0.55); }
.rc-empty { border: 1.5px dashed #c9dbf7; background: #f7faff; }
.rc-empty p { color: #44546e; }

/* ---- overrides for style.css ---- */
:root { --panel-2: #f7faff; --line: #dce6f5; --line-soft: #eef4fc; --ink: #1b2a4a; --ink-2: #44546e; --ink-3: #7a879d; --accent: #6fa8f5; --accent-hover: #4f8fea; --accent-ink: #2f6fd0; --logo-ring: #dce6f5; --heading: 'Fraunces', 'Manrope', sans-serif; }
body { font-family: 'Manrope', system-ui, sans-serif; }
::selection { background: #d6e5fb; }
.eyebrow { color: rgb(143,190,255); }
.btn { border: 1px solid rgba(111,168,245,0.35); }
.btn:hover { background: #eef4fc; border-color: rgba(111,168,245,0.5); }
.btn.primary { border: 1px solid rgba(111,168,245,0.3); box-shadow: 0 4px 20px rgba(111,168,245,0.35); }
.charity-card:hover { border-color: #c9dbf7; box-shadow: 0 8px 28px rgba(111,168,245,0.16); }
input:focus, textarea:focus, select:focus, .recipient-search:focus, .explore-search input:focus { box-shadow: 0 0 0 3px rgba(111,168,245,0.18); }
.slider::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--accent), 0 2px 8px rgba(111,168,245,0.4); }
.dropzone { border: 1.5px dashed #c9dbf7; }
.pick:hover { border-color: #c9dbf7; }
.pick.selected { box-shadow: 0 0 0 3px rgba(111,168,245,0.15); }
.cat-tab:hover:not(:disabled) { border-color: #c9dbf7; }
.stepper li.done span { border-color: #c9dbf7; }
.stepper li.current span { box-shadow: 0 4px 14px rgba(111,168,245,0.4); }
.step-bar-fill { background: linear-gradient(90deg, #a9cbf8, #6fa8f5); }
.coin-card:hover { border-color: #c9dbf7; box-shadow: 0 12px 36px rgba(111,168,245,0.2); }
.coin-img.placeholder { background: linear-gradient(135deg, #eef4fc, #dce6f5); }
.bar-fill { background: linear-gradient(90deg, #a9cbf8, #6fa8f5); }
.coin-chart .chart-area { fill: rgba(111,168,245,0.14); }
.fp { background: #f7faff; }
.fp .fp-eyebrow { color: rgb(143,190,255); }
.fp h1 { color: #1b2a4a; }
.fp-card { border: 1px solid #dce6f5; }
.fp-title { color: #1b2a4a; }
.fp-sub { color: rgba(68,84,110,0.55); }
.fp-row { border-bottom: 1px solid #eef4fc; }
.fp-row > span:first-child { color: rgba(68,84,110,0.55); }
.fp-row > b { color: #1b2a4a; }
.fp-row > .fp-hl { color: #6fa8f5; }
.fp-note { color: rgba(68,84,110,0.55); }
.fp-payout { border: 1px solid #dce6f5; }
.fp-payout-head p { color: #1b2a4a; }
.fp-item { border-bottom: 1px solid #eef4fc; }
.fp-item > span:first-child { color: rgba(68,84,110,0.55); }
.fp-item > span:last-child { color: #1b2a4a; }
.fp-earns { background: linear-gradient(135deg, #eef4fc 0%, #dce6f5 100%); }
.fp-earns > span { color: #1b2a4a; }
.fp-earns-label { color: #6fa8f5; }
.fp-earns-text { color: #1b2a4a; }
.ent-card:hover { border-color: #c9dbf7; box-shadow: 0 12px 36px rgba(111,168,245,0.2); }
.ent-initials { background: linear-gradient(135deg, #eef4fc, #d6e5fb); }
.docs-group { color: rgb(143,190,255); }
.docs-nav a:hover { border-left-color: #c9dbf7; }
.doc-kicker { color: rgb(143,190,255); }
.doc-callout { background: linear-gradient(135deg, #eef4fc 0%, #dce6f5 100%); }
@media (max-width: 960px) {
  .docs-side-toggle { font: 600 14px/1 'Manrope', sans-serif; }
  .docs-nav { box-shadow: 0 16px 40px rgba(111,168,245,0.22); }
}
.charity-picker { scrollbar-color: #c9dbf7 transparent; }
.charity-picker::-webkit-scrollbar-thumb, .pair-grid::-webkit-scrollbar-thumb { background: #c9dbf7; }
.pick:hover { border-color: #c9dbf7; box-shadow: 0 10px 26px rgba(111,168,245,0.18); }
.pick img, .pick-initials { box-shadow: 0 0 0 1px var(--line), 0 4px 12px rgba(27,42,74,0.06); }
.pick-initials { background: linear-gradient(135deg, #eef4fc, #d6e5fb); }
.pick.selected { background: linear-gradient(180deg, #f7faff, #eef4fc); box-shadow: 0 0 0 3px rgba(111,168,245,0.2); }
.chosen-charity { background: linear-gradient(180deg, #f7faff, #eef4fc); box-shadow: 0 0 0 3px rgba(111,168,245,0.15); }
.pair-grid { scrollbar-color: #c9dbf7 transparent; }
.pair-opt:hover { border-color: #c9dbf7; box-shadow: 0 6px 18px rgba(111,168,245,0.15); }
.pair-opt.selected { background: linear-gradient(180deg, #f7faff, #eef4fc); box-shadow: 0 0 0 3px rgba(111,168,245,0.2); }
.cw-input:focus-within { box-shadow: 0 0 0 3px rgba(111,168,245,0.18); }
.cw-chain:hover { border-color: #c9dbf7; box-shadow: 0 6px 18px rgba(111,168,245,0.15); }
.cw-chain.selected { background: linear-gradient(180deg, #f7faff, #eef4fc); box-shadow: 0 0 0 3px rgba(111,168,245,0.2); }
.trade-tab { font: 600 13px/1 'Manrope', sans-serif; }
.trade-tab.active.buy { box-shadow: 0 2px 10px rgba(111,168,245,0.4); }
.trade-input:focus-within { box-shadow: 0 0 0 3px rgba(111,168,245,0.18); }
.trade-max { font: 600 12px/1 'Manrope', sans-serif; }
.trade-max:hover { background: #d6e5fb; }
.burn-stats > div { background: #f7faff; border: 1px solid #dce6f5; }
.burn-stats dd { color: #1b2a4a; }

/* ---- Angel tokens (hand-written) ---- */
:root {
  --angel-sky: #6fa8f5; --angel-sky-deep: #2f6fd0; --angel-gold: #e6b94f; --angel-gold-soft: #fff4d6;
  --angel-cream: #fffdf8; --angel-navy: #1b2a4a; --angel-line: #dce6f5;
  --bg: var(--angel-cream); --panel-2: #f7faff; --line: var(--angel-line); --line-soft: #e9f0fa;
  --ink: var(--angel-navy); --ink-2: #44546e; --ink-3: #7a879d;
  --accent: var(--angel-sky); --accent-hover: #4f8fea; --accent-ink: var(--angel-sky-deep); --accent-dim: #eaf2fe;
  --logo-ring: var(--angel-line); --pill-inflight-line: var(--angel-gold);
  --heading: 'Fraunces', 'Georgia', serif;
  --card-shadow: 0 1px 2px rgba(27,42,74,0.05), 0 8px 24px rgba(111,168,245,0.10);
}
body, body.fm { background: var(--angel-cream); font-family: 'Manrope', system-ui, sans-serif; }
h1, h2, h3, h4 { font-family: var(--heading); }
h1 { font-weight: 400; letter-spacing: -0.02em; }
h2 { font-weight: 500; letter-spacing: -0.01em; }
/* halo: a soft gold ring on the primary call to action */
.fm-nav-cta, .fm-btn.primary { box-shadow: 0 0 0 3px var(--angel-gold-soft), 0 8px 24px rgba(111,168,245,0.28); }
.fm-nav-cta:hover, .fm-btn.primary:hover { box-shadow: 0 0 0 4px var(--angel-gold-soft), 0 10px 28px rgba(111,168,245,0.36); }
/* softer shapes */
.fm-btn, .fm-nav-cta, .wallet-pill, .sort-tab, .ent-tab { border-radius: 999px; }
.card, .coin-card, .rc-card, .fm-card, .fm-how-card, .panel { border-radius: 22px; }
input, select, textarea { border-radius: 14px; }

/* ---- Angel components that the original sheets never had ---- */
.stats-home { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--angel-line); border: 1px solid var(--angel-line); border-radius: 22px; overflow: hidden; margin: 0; text-align: left; }
.stats-home > div { background: #fff; padding: 22px 24px; }
.stats-home dt { font-size: 12.5px; color: #7a879d; margin: 0 0 6px; }
.stats-home dd { margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 500; color: var(--angel-navy); }
@media (max-width: 700px) { .stats-home { grid-template-columns: repeat(2, 1fr); } }
.fm-logos-text { display: flex; gap: 28px; align-items: center; }
.fm-logos-text b { font-family: var(--heading); font-weight: 500; font-size: 20px; color: #44546e; opacity: .8; }
.fm-recent .rc-loading a { color: var(--angel-sky-deep); }
.pick { font: inherit; }
.link-existing { margin-top: 22px; border-top: 1px solid var(--line-soft); padding-top: 14px; display: grid; gap: 10px; }
.link-existing summary { cursor: pointer; font-weight: 600; font-size: 14px; }
.link-existing select { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 9px 11px; font: inherit; }
.coin-hero-img { width: 96px; height: 96px; border-radius: 22px; object-fit: cover; }
.coin-head { display: flex; gap: 22px; align-items: flex-start; }
.coin-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.coin-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; align-items: start; }
@media (max-width: 860px) { .coin-layout { grid-template-columns: 1fr; } .coin-head { flex-direction: column; } }
.ent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.ent-card { background: var(--panel); border: 1px solid var(--line-soft); border-radius: 22px; padding: 20px; display: grid; gap: 12px; }
.ent-head { display: flex; gap: 12px; align-items: center; }
.ent-logo { width: 44px; height: 44px; border-radius: 12px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ent-initials { display: grid; place-items: center; font-family: var(--heading); font-weight: 500; color: var(--angel-sky-deep); background: linear-gradient(135deg, #eef4fc, #d6e5fb); }
.ent-name { font-weight: 650; } .ent-cause { font-size: 12.5px; color: #7a879d; }
.ent-desc { margin: 0; font-size: 14px; color: #44546e; }
.ent-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.ent-links a { color: var(--angel-sky-deep); }
.review-row { display: grid; grid-template-columns: 110px 1fr auto; gap: 10px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--line-soft); font-size: 14px; }
.review-row span { color: #7a879d; } .review-edit { background: none; border: none; color: var(--angel-sky-deep); cursor: pointer; font: inherit; font-size: 12.5px; }
.devbuy-row { display: flex; align-items: center; gap: 8px; } .devbuy-unit { color: #7a879d; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0; }
.doc-steps, .doc-list { padding-left: 20px; display: grid; gap: 8px; color: #44546e; font-size: 15px; }
.doc-table { width: 100%; border-collapse: collapse; } .doc-table th { text-align: left; font-family: 'JetBrains Mono', monospace; color: var(--angel-sky-deep); padding: 8px 12px 8px 0; vertical-align: top; } .doc-table td { padding: 8px 0; border-bottom: 1px solid var(--line-soft); font-size: 14.5px; color: #44546e; }
.doc-note { font-size: 13.5px; color: #7a879d; }
.docs-layout { display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: start; }
.docs-nav { position: sticky; top: 90px; display: grid; gap: 4px; } .docs-nav a { font-size: 13.5px; color: #44546e; padding: 6px 10px; border-left: 2px solid transparent; } .docs-nav a:hover { color: var(--angel-sky-deep); border-left-color: var(--angel-sky); }
@media (max-width: 760px) { .docs-layout { grid-template-columns: 1fr; } .docs-nav { position: static; display: flex; flex-wrap: wrap; } }
.legal h2 { font-size: 18px; margin: 26px 0 8px; } .legal p { color: #44546e; }
.fees .panel + .panel { margin-top: 18px; }
.wallet-menu { position: relative; }