/* Graphite, brushed steel and muted teal drawn from the SpendCrypto emblem. */
:root {
  --brand-graphite: #111719;
  --brand-panel: #1b2225;
  --brand-panel-raised: #252e31;
  --brand-steel: #c8cfcc;
  --brand-teal: #91bbb6;
  --brand-teal-bright: #b5d8d2;
  --brand-line: #566968;
}
body.brand-theme {
  background-color: var(--brand-graphite) !important;
  background-image:
    radial-gradient(circle at 72% 6%, rgba(110, 157, 153, .16), transparent 32rem),
    radial-gradient(circle at 5% 40%, rgba(159, 171, 168, .07), transparent 33rem),
    repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, .012) 4px, transparent 5px) !important;
  color: #c9d2cf !important;
}
body.brand-theme h1, body.brand-theme h2, body.brand-theme h3, body.brand-theme h4 {
  color: #edf0ed;
  letter-spacing: -.025em;
}
body.brand-theme header {
  background: rgba(19, 25, 27, .94) !important;
  border-bottom: 1px solid rgba(176, 196, 191, .2) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
}
body.brand-theme footer {
  background: #12181a !important;
  border-top: 1px solid rgba(176, 196, 191, .19) !important;
}
body.brand-theme .glass-panel {
  background:
    linear-gradient(145deg, rgba(245, 248, 246, .07), transparent 30%),
    linear-gradient(145deg, rgba(38, 47, 49, .94), rgba(23, 30, 32, .97)) !important;
  border: 1px solid rgba(178, 196, 192, .23) !important;
  box-shadow: inset 0 1px 0 rgba(244, 248, 246, .07), 0 12px 32px rgba(0, 0, 0, .15);
  backdrop-filter: blur(12px);
}
body.brand-theme .glass-panel:hover { border-color: rgba(162, 204, 198, .58) !important; }
body.brand-theme .bg-mesh { background-image: none !important; }
body.brand-theme .pointer-events-none.bg-emerald-500\/10,
body.brand-theme .pointer-events-none.bg-cyan-500\/10 { opacity: .18; }
body.brand-theme [data-i18n="pick_metamask_tag"] {
  background-color: rgba(8, 51, 68, 0.8) !important;
  color: #a5f3fc !important;
  border-color: rgba(6, 182, 212, 0.45) !important;
  opacity: 1 !important;
}
body.brand-theme .bg-slate-950,
body.brand-theme .bg-slate-950\/70,
body.brand-theme .bg-slate-950\/80,
body.brand-theme .bg-slate-900,
body.brand-theme .bg-slate-900\/60,
body.brand-theme .bg-slate-900\/90 { background-color: #171e20 !important; }
body.brand-theme .text-white { color: #eef0ed !important; }
body.brand-theme .text-slate-200 { color: #dae1dd !important; }
body.brand-theme .text-slate-300 { color: #cbd4d0 !important; }
body.brand-theme .text-slate-400 { color: #b8c2be !important; }
body.brand-theme .text-slate-500,
body.brand-theme .text-slate-600 { color: #a3afaa !important; }
body.brand-theme .text-emerald-400,
body.brand-theme .text-emerald-300,
body.brand-theme .text-cyan-400,
body.brand-theme .text-cyan-300,
body.brand-theme .text-teal-300,
body.brand-theme .hover\:text-emerald-400:hover,
body.brand-theme .hover\:text-cyan-300:hover { color: var(--brand-teal-bright) !important; }
body.brand-theme .bg-emerald-500,
body.brand-theme .bg-emerald-400 { background-color: var(--brand-teal) !important; }
body.brand-theme .bg-gradient-to-r.from-emerald-500,
body.brand-theme .bg-gradient-to-tr.from-emerald-500 { background-image: linear-gradient(135deg, #bfcac7, #79aaa6 58%, #466f6d) !important; }
body.brand-theme .text-transparent.bg-clip-text { background-image: linear-gradient(100deg, #edf0ed, #98c7c0 62%, #6c9793) !important; }
body.brand-theme .border-emerald-500\/30,
body.brand-theme .border-cyan-500\/20 { border-color: rgba(143, 188, 182, .4) !important; }
body.brand-theme input, body.brand-theme select, body.brand-theme textarea {
  background-color: #1b2426 !important;
  border-color: rgba(169, 190, 185, .34) !important;
  color: #eff2ef !important;
}
body.brand-theme input:focus, body.brand-theme select:focus, body.brand-theme textarea:focus {
  border-color: var(--brand-teal-bright) !important;
  outline: 2px solid rgba(145, 187, 182, .28);
  outline-offset: 1px;
}
body.brand-theme #newsletter-consent { width: 1.1rem; height: 1.1rem; accent-color: var(--brand-teal); }
body.brand-theme #newsletter .glass-panel { border-color: rgba(162, 204, 198, .55) !important; box-shadow: 0 0 0 1px rgba(150, 205, 198, .12), 0 24px 70px rgba(0, 0, 0, .28), 0 0 58px rgba(98, 156, 148, .12); }
body.brand-theme .guide-hero-cta { background: linear-gradient(135deg, #d5e2dc, #8dc2b9 60%, #70a9a3); color: #102224; box-shadow: 0 10px 30px rgba(97, 174, 163, .22); transition: transform .2s, box-shadow .2s; }
body.brand-theme .guide-hero-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(97, 174, 163, .32); }
body.brand-theme a:focus-visible, body.brand-theme button:focus-visible { outline: 2px solid var(--brand-teal-bright); outline-offset: 3px; }
body.brand-theme #market-ticker { background: #141b1d !important; border-bottom-color: rgba(178, 196, 192, .17) !important; }
body.brand-theme .brand-lockup { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(207, 219, 214, .65); box-shadow: 0 0 0 3px rgba(115, 155, 150, .14); }
body.brand-theme .brand-hero-grid { display: grid; align-items: center; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .7fr); text-align: left; }
body.brand-theme .brand-hero-copy h1 { margin-left: 0; margin-right: 0; }
body.brand-theme .brand-hero-copy p { margin-left: 0; margin-right: 0; }
body.brand-theme .brand-hero-art { margin: 0; justify-self: center; width: min(100%, 360px); aspect-ratio: 1; border-radius: 50%; position: relative; }
body.brand-theme .brand-hero-art::before { content: ''; position: absolute; inset: -14px; border: 1px solid rgba(178, 203, 198, .24); border-radius: 50%; }
body.brand-theme .brand-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 1px solid rgba(208, 221, 216, .38); box-shadow: 0 22px 55px rgba(0, 0, 0, .42), 0 0 50px rgba(95, 146, 143, .12); }
body.brand-theme #daily-feature { padding-top: 1.25rem !important; }
body.brand-theme #cartoes { margin-top: 1.4rem; }
@media (max-width: 900px) {
  body.brand-theme .brand-hero-grid { grid-template-columns: 1fr; text-align: center; gap: 2rem; }
  body.brand-theme .brand-hero-copy h1, body.brand-theme .brand-hero-copy p { margin-left: auto; margin-right: auto; }
  body.brand-theme .brand-hero-art { grid-row: 1; width: min(46vw, 240px); }
}
@media (max-width: 640px) {
  body.brand-theme .brand-hero-art { width: min(48vw, 188px); }
  body.brand-theme .brand-hero-art::before { inset: -8px; }
  body.brand-theme .brand-hero-grid { gap: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.brand-theme .animate-pulse-glow, body.brand-theme .ticker-inner { animation: none !important; }
}
/* Standalone editorial guide */
body.brand-theme .panel { background: linear-gradient(145deg, #283135, #192123); border-color: rgba(178, 196, 192, .28); box-shadow: inset 0 1px 0 #ffffff12; }
body.brand-theme .eyebrow { color: var(--brand-teal-bright); }
body.brand-theme .lead { color: #d2dcd7; }
body.brand-theme .button { background: linear-gradient(135deg, #bfcac7, #79aaa6); color: #112224; }
body.brand-theme.guide-page a { color: var(--brand-teal-bright); }
body.brand-theme.guide-page a.button { color: #112224; }
body.brand-theme th, body.brand-theme td { border-color: rgba(178, 196, 192, .22); }

/* Shared footer links use the owner's social symbols. */
.social-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.social-link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgba(178, 196, 192, .28); border-radius: 50%; background: rgba(38, 47, 49, .65); text-decoration: none; transition: border-color .2s, background .2s; }
.social-link span { font-size: 1.35rem; line-height: 1; }
.social-link:hover { border-color: var(--brand-teal-bright); background: rgba(82, 116, 112, .3); }
.social-link:focus-visible { outline: 2px solid var(--brand-teal-bright); outline-offset: 3px; }
.card-social-links { margin-top: 1rem; }