/* Shared orange identity. Loaded after component themes on each main surface. */
:root {
  --glory-orange: #f65a08;
  --glory-action: #cc4100;
  --glory-ink: #ac3500;
  --glory-soft: #fff1e7;
  --glory-line: #ffd2b6;
  --glory-banner: radial-gradient(ellipse at 100% 0%, #ffad32 0%, transparent 52%), linear-gradient(110deg, #c83b00 0%, #de4700 52%, #ff790a 100%);
  --glory-card: linear-gradient(130deg, #c83b00, #dc4500 70%, #f4670a);
}

/* Customer banners keep the same orange in both light and dark themes. */
html body[data-surface=customer] .profile-dashboard .profile-page-heading.profile-premium-heading,
html body[data-surface=customer] .exchange-studio > .account-heading,
html body[data-surface=customer] .withdrawals-page > .account-heading {
  background: var(--glory-banner) !important;
  border-color: #f57029 !important;
  color: #fff !important;
  box-shadow: 0 12px 30px #e3530017, inset 0 1px 0 #ffffff38;
}
html body[data-surface=customer] .profile-dashboard .profile-premium-heading::before,
html body[data-surface=customer] .exchange-studio > .account-heading::before {
  display: none;
  background-image: none;
}
html body[data-surface=customer] .exchange-studio > .account-heading::after {
  border-color: #ffffff38;
  box-shadow: 0 0 0 38px #ffffff09, 0 0 0 76px #ffffff07;
}
html body[data-surface=customer] .exchange-studio-home > .account-heading {
  border-radius: 22px;
  border-bottom-width: 1px;
  margin-bottom: 24px;
}
html body[data-surface=customer] .profile-dashboard .profile-premium-heading :is(.eyebrow, h1, h1 > span:first-child),
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-tech-copy > p:not(.eyebrow),
html body[data-surface=customer] :is(.exchange-studio > .account-heading, .withdrawals-page > .account-heading) :is(h1, h1 > span, p, .eyebrow, .fund-studio-eyebrow, .fund-studio-profile, .fund-orb-label) {
  color: #fff !important;
}
html body[data-surface=customer] .profile-dashboard .profile-premium-heading h1 { font-weight: 600; }
.profile-premium-heading .eyebrow > span { color: #fff; opacity: .7; }
.profile-premium-heading .profile-identity-tags > span { color: #fff; border-color: #ffffff50; background: #8d270026; }
.profile-premium-heading .profile-identity-tags b { color: #fff; }
.profile-premium-heading .profile-luminous-art { color: #fff8e7; }
.profile-premium-heading .profile-luminous-art > svg { opacity: .65; }
.profile-premium-heading .profile-light-halo { background: radial-gradient(ellipse at 52% 42%, #ffe5a877, #ffcc3a26 45%, transparent 68%); }
.profile-premium-heading .profile-orbit-points { filter: drop-shadow(0 0 6px #fff); }
.profile-premium-heading .profile-motion-control { color: #fff; border-color: #ffffff70; background: #96300050; }
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security {
  background: #fffaf5 !important;
  border-color: #fff !important;
  color: #963300 !important;
  box-shadow: 0 16px 36px #9e330024;
}
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security:hover { background: #fff !important; border-color: #fff !important; }
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security :is(strong, .profile-security-kicker, .profile-security-progress) { color: #873600 !important; }
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security :is(svg, .profile-security-progress > span) { color: #c74400 !important; }
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security .profile-security-emblem { background: #ffeadb; border-color: #ffd0ad; }

/* Money remains prominent and legible; secondary data cards stay neutral. */
html body[data-surface=customer] .profile-dashboard .profile-capital,
html body[data-surface=customer] #funding-request-dialog .fund-available {
  background: var(--glory-card) !important;
  border: 1px solid #e9570c !important;
  box-shadow: 0 8px 24px #d44b001a;
  color: #fff !important;
}
html body[data-surface=customer] .profile-dashboard .profile-capital :is(p, strong, svg, div:first-child),
html body[data-surface=customer] #funding-request-dialog .fund-available :is(strong, span, small) { color: #fff !important; }
html body[data-surface=customer] .profile-dashboard .profile-capital-actions a {
  color: #fff !important; background: #a32c0033 !important; border-color: #ffffff80 !important;
}
html body[data-surface=customer] .profile-dashboard .profile-capital-actions a:last-child {
  background: #fff !important; color: #b73700 !important; border-color: #fff !important;
}
html body[data-surface=customer] .profile-dashboard .profile-menu [aria-current=page] { color: #ac3500 !important; background: #fff0e6 !important; box-shadow: inset 3px 0 #f65a08; }
html[data-theme=dark] body[data-surface=customer] .profile-dashboard .profile-menu [aria-current=page] { color: #ffbc8f !important; background: #482719 !important; }
html body[data-surface=customer] .profile-dashboard .profile-card-title > span { background: #fff0e6; color: #bc3b00; }
html body[data-surface=customer] .exchange-order-dialog .exchange-dialog-header,
html body[data-surface=customer] #funding-request-dialog .fund-modal-heading { background: var(--glory-banner) !important; border-bottom-color: #ff9d61; }
html body[data-surface=customer] :is(.exchange-dialog-header, .fund-modal-heading) :is(h2, p, button) { color: #fff !important; }
/* Top tier options use calm surfaces; orange identifies available actions. */
html body[data-surface=customer] .exchange-studio .exchange-tier-section {
  --tier-paper: #fffdf9; --tier-ink: #382c24; --tier-muted: #75665a;
  --tier-border: #eaded2; --tier-soft: #f6f1ea; --tier-accent: #ad430a;
}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-tier-section {
  --tier-paper: #27231f; --tier-ink: #fff1e4; --tier-muted: #c5b7aa;
  --tier-border: #4b4036; --tier-soft: #342d26; --tier-accent: #ffb77e;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-grid { gap: 16px; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card {
  background: var(--tier-paper) !important;
  color: var(--tier-ink) !important;
  border: 1px solid var(--tier-border) !important;
  border-top: 3px solid #eeb984 !important;
  border-radius: 17px; padding: 22px 20px 18px;
  box-shadow: 0 6px 18px #52341d06, inset 0 1px #ffffff20;
  animation: none;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card::before,
html body[data-surface=customer] .exchange-studio .exchange-tier-card::after { content: none; animation: none; }
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-tier-card {
  background: var(--tier-paper) !important;
  border-color: var(--tier-border) !important;
  border-top-color: #d99b68 !important;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-eyebrow {
  font-size: 10px; letter-spacing: 1.8px; color: var(--tier-accent) !important; margin: 0 0 15px;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-pair { margin-bottom: 12px; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-pair strong { color: var(--tier-ink) !important; font-size: 19px; font-weight: 600; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-status {
  display: inline-flex; align-self: flex-start; border: 1px solid var(--tier-border);
  background: var(--tier-soft); color: var(--tier-muted); padding: 5px 9px; border-radius: 7px; font-size: 10px;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-value {
  color: var(--tier-ink) !important; font-size: 25px; font-weight: 600; letter-spacing: -.5px; margin: 22px 0 5px;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card :is(.exchange-card-caption, .exchange-tier-rate, dt) { color: var(--tier-muted) !important; font-size: 11px; line-height: 1.6; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card dl { padding: 15px 0 0; margin: 18px 0 14px; border-top: 1px solid var(--tier-border); }
html body[data-surface=customer] .exchange-studio .exchange-tier-card dl > div { align-items: center; gap: 10px; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card dd { color: var(--tier-ink) !important; font-size: 16px; font-weight: 600; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card[data-tier-state=unassigned] dd { font-size: 11px; font-weight: 400; color: var(--tier-muted) !important; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card :is(button, a) { min-height: 42px; border-radius: 9px; font-size: 12px; font-weight: 600; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card button:disabled {
  background: var(--tier-soft) !important; color: var(--tier-muted) !important;
  border: 1px solid var(--tier-border) !important; opacity: 1; box-shadow: none; cursor: not-allowed;
}
html body[data-surface=customer] .exchange-studio .exchange-tier-card[data-tier-state=available] { border-top-color: #ed6a1d !important; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card[data-tier-state=available]:hover { transform: translateY(-3px); box-shadow: 0 10px 24px #bd6b1614; }
html body[data-surface=customer] .exchange-studio .exchange-tier-card[data-tier-state=available] .exchange-card-status { color: var(--tier-accent); background: var(--tier-soft); border-color: #d89057; }
@media (prefers-reduced-motion: reduce) {
  html body[data-surface=customer] .exchange-studio .exchange-tier-card { transition: none; }
  html body[data-surface=customer] .exchange-studio .exchange-tier-card[data-tier-state=available]:hover { transform: none; }
}

/* Remove the gold and olive accents from the control panel. */
body.admin-surface {
  --canvas: #fff8f3; --surface: #fff; --sidebar: #fffdfb; --ink: #292320;
  --muted: #74645c; --border: #eaded5; --accent: #bc3d00;
  --studio-tint: #fff0e5; --studio-glow: #ff873314; --studio-grid: transparent;
}
body.admin-surface.dark-admin {
  --canvas: #191715; --surface: #25211e; --sidebar: #201c19; --ink: #fff6ef;
  --muted: #c7b8ad; --border: #463a31; --accent: #ffab73;
  --studio-tint: #ff782014; --studio-glow: #ff6a0012; --studio-grid: transparent;
}
body.admin-surface::after { display: none; background-image: none; }
body.admin-surface .admin-sidebar nav > a.active,
body.admin-surface .primary,
body.admin-surface :is(.admin-brand-mark, .reference-avatar) {
  background: var(--glory-card) !important; color: #fff !important; border-color: #e9570c !important;
  box-shadow: 0 5px 16px #d34b001a;
}
body.admin-surface .admin-sidebar nav > a.active :is(.reference-nav-text, .reference-nav-icon) { color: #fff !important; }
body.admin-surface .batch-admin .page-heading { background: var(--glory-banner); border-color: #ff8a41; color: #fff; }
body.admin-surface .batch-admin .page-heading :is(h1, h2, p, .eyebrow) { color: #fff !important; }
body.admin-surface .support-mine { background: var(--glory-card); color: #fff; }
body.admin-surface .support-mine :is(p, strong, small, time) { color: #fff !important; }

/* The public programme uses the same clean orange, without decorative grids. */
.marketing-site { --spark-orange: #ff5000; --spark-orange-hover: #d64400; --spark-orange-text: #b53a00; }
.marketing-site .spark-hero { background: var(--glory-banner); }
.marketing-site .spark-globe-hero { max-width: none; }
.marketing-site .workflow-actions .primary { background: #ff5000; color: #fff; border-color: #ff5000; box-shadow: none; }
.marketing-site .journey-preview::before { display: none; background-image: none; }
.marketing-site .journey-preview { background: #fff7f0; }
.marketing-site .spark-globe-art img { mask-image: radial-gradient(circle closest-side, #000 75%, transparent 79%); animation: none; }
.marketing-site .spark-globe-art::before { background: radial-gradient(circle, #69bdff40 0%, #63baff24 52%, transparent 74%); animation: none; }
.branchless-page { --bp-ink: #322720; --bp-muted: #756357; --bp-line: #efdfd2; background: #fffdfa !important; }
.branchless-main h1 em, .branchless-main .bp-kicker { color: #c34406; }
.branchless-main .bp-primary { background: var(--spark-orange); border-color: var(--spark-orange); }
.branchless-main .bp-primary:hover { background: var(--spark-orange-hover); border-color: var(--spark-orange-hover); }
.branchless-main .bp-journey { background: #fff1e5; border-color: #ffdfc5; }
.branchless-main .bp-journey-grid article { background: #fff; border-color: #f1d7c3; }
.branchless-main :is(.bp-step i, .bp-step-label, .bp-principles b) { color: #b64608; }
.branchless-main .bp-trust-grid article > span { background: #fff0e4; border-color: #ffd1af; color: #c14100; }
.branchless-main .bp-cta { background: var(--glory-banner); border-color: #fb8a48; }
.branchless-main .bp-cta :is(h2, p, .bp-kicker) { color: #fff; }
.branchless-main .bp-cta .bp-primary { background: #fff; color: #b93d00; border-color: #fff; }

@media (max-width: 760px) {
  :root { --glory-banner: radial-gradient(ellipse at 100% 0%, #ff971c 0%, transparent 46%), linear-gradient(120deg, #c83b00, #e14a00 80%, #f66b09); }
}

/* Reserve continuous motion for exchange matching and connected programme flows. */
body.admin-surface::before { animation: none; will-change: auto; }
body.admin-surface .admin-motion { display: none; }
.profile-premium-heading :is(.profile-light-halo, .profile-orbit-points) { animation: none; }
.profile-premium-heading .profile-motion-control { display: none; }
html body[data-surface=customer] .funding-hero .earth-motion { animation: none; }
.branchless-main .bp-hero-visual > img { animation: none; will-change: auto; }

/* Luminous orange account surfaces with motion confined to the currency globe. */
html body[data-surface=customer] .profile-dashboard .profile-page-heading.profile-premium-heading {
  background: radial-gradient(ellipse at 78% 12%, #fff8e6cc, transparent 50%), linear-gradient(112deg, #fff0dc 0%, #ffd4a4 58%, #ffb96f 100%) !important;
  border-color: #ffd3a4 !important;
  color: #572807 !important;
  box-shadow: inset 0 1px 0 #fff, 0 14px 40px #df82321a;
}
html body[data-surface=customer] .profile-dashboard .profile-premium-heading :is(.eyebrow, h1, h1 > span:first-child),
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-tech-copy > p:not(.eyebrow) {
  color: #572807 !important;
}
.profile-premium-heading .eyebrow > span { color: #9e571e; }
.profile-premium-heading .profile-identity-tags > span { background: #fffaf0a8; border-color: #e9b47e; color: #66300a; }
.profile-premium-heading .profile-identity-tags b { color: #572807; }
.profile-premium-heading .profile-luminous-art { right: -16px; width: 480px; height: 365px; }
.profile-premium-heading .profile-luminous-art > svg { opacity: 1; filter: drop-shadow(0 12px 18px #dd792026); }
.profile-premium-heading .profile-light-halo {
  background: radial-gradient(ellipse at 56% 48%, #fffbe6d9, #ffb64b40 44%, transparent 67%);
  animation: profile-copper-light 9s ease-in-out infinite alternate;
}
.profile-premium-heading .profile-orbit-points {
  animation: profile-copper-orbit 28s linear infinite;
  filter: drop-shadow(0 0 5px #fff3cf);
}
.profile-premium-heading .profile-transfer-signal {
  animation: profile-currency-signal 8s linear infinite;
  filter: drop-shadow(0 0 4px #fff);
}
.profile-premium-heading .profile-motion-control {
  display: none; color: #743807; border-color: #e7af79; background: #fff8e8b8;
  width: 34px; height: 34px;
}
.profile-premium-heading .profile-motion-control:hover { background: #fffdf6; color: #743807; }
.profile-premium-heading[data-profile-motion=paused] :is(.profile-light-halo, .profile-orbit-points, .profile-transfer-signal) { animation-play-state: paused; }
html body[data-surface=customer] .profile-dashboard .profile-premium-heading .profile-security {
  background: linear-gradient(135deg, #fffdf8ed, #fff4e1e6) !important;
  border-color: #fff8ec !important;
  box-shadow: 0 12px 30px #a4551817, inset 0 1px 0 #fff;
}
html body[data-surface=customer] .profile-dashboard .profile-capital {
  position: relative; isolation: isolate; overflow: hidden;
  background: radial-gradient(ellipse at 8% 0%, #fffdf1 0%, transparent 60%), linear-gradient(135deg, #ffdfb7, #ffbe79) !important;
  border-color: #f3c38e !important;
  color: #572807 !important;
  box-shadow: inset 0 1px 0 #fff8e8, 0 10px 24px #dc832416;
}
html body[data-surface=customer] .profile-dashboard .profile-capital::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  width: 260px; height: 260px; top: -150px; right: -155px; border-radius: 50%;
  border: 1px solid #fff9e5b3; box-shadow: 0 0 0 25px #fff9e535, 0 0 0 50px #fff9e51f;
}
html body[data-surface=customer] .profile-dashboard .profile-capital :is(p, strong, svg, div:first-child) { color: #572807 !important; }
html body[data-surface=customer] .profile-dashboard .profile-capital-actions a { color: #70330a !important; background: #fff5e6b3 !important; border-color: #d99759 !important; }
html body[data-surface=customer] .profile-dashboard .profile-capital-actions a:last-child { background: #c94400 !important; color: #fff !important; border-color: #c94400 !important; }
@keyframes profile-currency-signal { to { stroke-dashoffset: -100; } }
@media (max-width: 760px) {
  .profile-premium-heading .profile-luminous-art { right: -180px; top: 78px; opacity: .65; }
  html body[data-surface=customer] .profile-dashboard .profile-page-heading.profile-premium-heading { background: radial-gradient(ellipse at 100% 0%, #ffbd78, transparent 62%), linear-gradient(145deg, #fff1dd, #ffd6aa) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .profile-premium-heading :is(.profile-light-halo, .profile-orbit-points, .profile-transfer-signal) { animation: none; }
  .profile-premium-heading .profile-motion-control { display: none; }
}