
/* Crazy Karts unified app theme — dark graphite + orange/gold race shell */
:root{
  --ck-bg-0:#080706;
  --ck-bg-1:#120d09;
  --ck-bg-2:#1b140e;
  --ck-panel-0:rgba(20,14,10,.96);
  --ck-panel-1:rgba(13,10,8,.985);
  --ck-panel-soft:rgba(255,255,255,.035);
  --ck-line:rgba(255,149,38,.18);
  --ck-line-strong:rgba(255,161,40,.34);
  --ck-text:#f9f3df;
  --ck-text-soft:#d7c9b4;
  --ck-text-muted:#bba98d;
  --ck-orange:#ff7600;
  --ck-orange-deep:#cd4d00;
  --ck-gold:#ffc94a;
  --ck-gold-soft:#ffd86d;
  --ck-red:#ff6a5f;
  --ck-shadow:0 22px 52px rgba(0,0,0,.34);
}

html,body{
  background:linear-gradient(180deg,var(--ck-bg-0),var(--ck-bg-1) 52%,var(--ck-bg-2)) !important;
  color:var(--ck-text) !important;
}
#bg-video{background:var(--ck-bg-0) !important;}
body::before{
  background:
    radial-gradient(1100px 560px at 50% -10%, rgba(255,118,0,.20), transparent 60%),
    radial-gradient(820px 360px at 8% 0%, rgba(255,201,74,.14), transparent 62%),
    radial-gradient(760px 360px at 92% 8%, rgba(255,118,0,.12), transparent 62%),
    radial-gradient(980px 560px at 30% 120%, rgba(135,74,21,.12), transparent 64%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.010) 0 2px, transparent 2px 15px),
    linear-gradient(180deg,var(--ck-bg-0),var(--ck-bg-1) 52%,var(--ck-bg-2)) !important;
}
body::after{
  background:
    radial-gradient(880px 500px at 50% 16%, rgba(255,241,205,.025), transparent 62%),
    radial-gradient(1200px 700px at 50% 120%, rgba(0,0,0,.56), transparent 60%) !important;
}
::selection{background:rgba(241,199,91,.24);color:#fff7e3;}

/* Universal text */
body,
.wrapper,
.heightpage,
.container,
.container-fluid,
.gf-shell,
.gf-premium-shell,
.pb-legal,
.pb-prof,
.pb-lb,
.modal-content,
.dropdown-menu,
.list-group-item,
.table,
.table td,
.table th,
.card,
.card-body,
.card-title,
.card-text,
.form-label,
label,
small,
.text-muted,
.muted,
.help-block,
.dropdown-item,
.nav-link,
.page-link,
.alert,
.accordion-button,
.accordion-body,
.accordion-item,
.input-group-text,
.form-control,
.form-select,
.form-check-label,
.badge,
.breadcrumb-item,
blockquote,
pre,
code{
  color:var(--ck-text);
}
.text-muted,
small,
.muted,
.help-block,
.gf-muted,
.pb-legal p,
.pb-legal-copy,
.pb-legal-list li,
.pb-prof-sectionsub,
.pb-lb-sectionsub,
[class*="sub"],
[class*="copy"]:not(.gf-nav-label){
  color:var(--ck-text-muted) !important;
}

a{color:var(--ck-gold-soft);}
a:hover{color:#fff2c7;}

/* Generic surfaces */
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.accordion-item,
.table,
.table-responsive,
.alert,
.popover,
.tooltip-inner,
.vx-card,
.gf-card,
.gf-shell-card,
.gf-db-panel,
.gf-db-pass-panel,
.gf-db-stat,
.gf-db-claimstat,
.gf-db-command-card,
.gf-db-alerts-panel,
.gf-db-starter-panel,
.pb-legal-hero,
.pb-legal-card,
.pb-prof-hero,
.pb-prof-card,
.pb-prof-sidecard,
.pb-prof-minicard,
.pb-lb-hero,
.pb-lb-card,
.pb-lb-mebox,
.pb-lb-mini,
.vx-legacy-hero .vx-box,
.gf-footer-card,
#site-menu-h .ck-heroHeader,
#site-menu .gf-topbar,
.vx-dock__grid{
  background:
    radial-gradient(circle at top center, rgba(255,138,42,.08) 0%, transparent 34%),
    linear-gradient(180deg, rgba(21,15,11,.98), rgba(12,10,8,.99)) !important;
  border-color:var(--ck-line) !important;
  box-shadow:var(--ck-shadow), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:var(--ck-text) !important;
}

/* Boost shells that were still blue */
.pb-legal-hero,
.pb-legal-card,
.pb-prof-hero,
.pb-prof-card,
.pb-lb-hero,
.pb-lb-card,
.vx-legacy-hero .vx-box{
  background:
    radial-gradient(620px 280px at 100% 0%, rgba(255,138,42,.12), transparent 62%),
    linear-gradient(180deg, rgba(21,15,11,.98), rgba(12,10,8,.99)) !important;
}
.pb-legal-kicker,
.pb-legal-pills span,
.pb-legal-badge,
.pb-prof-chip,
.pb-prof-linkpill,
.pb-lb-pill,
.pb-lb-kicker,
.vx-legacy-hero .vx-chip,
.pill,.tag,.badge,.chip{
  border-color:rgba(241,199,91,.22) !important;
  background:linear-gradient(180deg, rgba(75,49,17,.54), rgba(34,23,10,.74)) !important;
  color:#fff1c8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18) !important;
}
.pb-legal-list li::before,
.pb-prof-status-dot,
.pb-lb-kicker .dot{
  color:var(--ck-gold) !important;
  background:var(--ck-gold) !important;
}

/* Tables */
.table,
.table-bordered,
.table-striped,
.table thead th,
.table tbody td,
.table tbody th,
.table-light,
.table > :not(caption) > * > *{
  background-color:transparent !important;
  border-color:rgba(241,199,91,.12) !important;
  color:var(--ck-text) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > *{background-color:rgba(255,255,255,.02) !important;}
.table-hover > tbody > tr:hover > *{background-color:rgba(255,138,42,.06) !important;}

/* Forms */
.form-control,
.form-select,
textarea,
select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input:not([type]),
.input-group-text{
  background:linear-gradient(180deg, rgba(19,14,10,.98), rgba(12,10,8,.99)) !important;
  border-color:rgba(241,199,91,.16) !important;
  color:var(--ck-text) !important;
  box-shadow:none !important;
}
.form-control::placeholder,
textarea::placeholder{color:#a99677 !important;}
.form-control:focus,
.form-select:focus,
textarea:focus,
select:focus,
input:focus{
  border-color:rgba(255,202,104,.42) !important;
  box-shadow:0 0 0 .18rem rgba(241,199,91,.12) !important;
  background:linear-gradient(180deg, rgba(23,16,11,.99), rgba(13,10,8,1)) !important;
  color:var(--ck-text) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color: var(--ck-text) !important;
  -webkit-box-shadow: 0 0 0 1000px #15100c inset !important;
  transition: background-color 9999s ease-out 0s !important;
}

/* Buttons */
.btn,
a.btn,
button,
.page-link,
.dropdown-item,
.nav-tabs .nav-link,
.nav-pills .nav-link{
  border-color:rgba(241,199,91,.18);
}
.btn-primary,
a.btn-primary,
.btn.btn-primary,
.btn-success,
a.btn-success,
.vx-legacy-hero .vx-links a,
.pb-prof-btn--primary,
.pb-lb-btn--primary{
  background:linear-gradient(135deg, rgba(255,118,0,.98), rgba(201,77,0,.98)) !important;
  border-color:rgba(255,197,92,.42) !important;
  color:#fff7e8 !important;
  box-shadow:0 16px 34px rgba(92,43,10,.26), inset 0 1px 0 rgba(255,248,220,.18) !important;
}
.btn-primary:hover,
a.btn-primary:hover,
.btn-success:hover,
a.btn-success:hover,
.vx-legacy-hero .vx-links a:hover,
.pb-prof-btn--primary:hover,
.pb-lb-btn--primary:hover{
  background:linear-gradient(135deg, rgba(255,138,18,.99), rgba(225,89,0,.99)) !important;
  border-color:rgba(255,218,129,.56) !important;
  color:#fffaf1 !important;
}
.btn-outline-primary,
.btn-outline-secondary,
.btn-secondary,
.btn-light,
.btn-dark,
.pb-prof-btn--soft,
.pb-lb-btn--soft,
.gf-footer-link--neutral,
.gf-footer-link--primary{
  background:linear-gradient(180deg, rgba(53,35,14,.78), rgba(23,16,10,.92)) !important;
  border-color:rgba(241,199,91,.20) !important;
  color:var(--ck-text) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-secondary:hover,
.btn-light:hover,
.btn-dark:hover,
.pb-prof-btn--soft:hover,
.pb-lb-btn--soft:hover,
.gf-footer-link:hover,
.dropdown-item:hover,
.dropdown-item:focus,
.page-link:hover{
  background:linear-gradient(180deg, rgba(78,49,16,.92), rgba(30,20,10,.98)) !important;
  border-color:rgba(255,214,118,.36) !important;
  color:#fff6dc !important;
}
.btn-danger,
a.btn-danger,
.gf-nav-btn.tone-logout{
  background:linear-gradient(180deg, rgba(110,28,24,.94), rgba(67,17,14,.98)) !important;
  border-color:rgba(255,118,108,.38) !important;
  color:#fff0ef !important;
}
.btn-danger:hover,
a.btn-danger:hover{background:linear-gradient(180deg, rgba(135,34,28,.96), rgba(82,19,15,.99)) !important;}

/* Bootstrap leftovers */
.bg-white,
.bg-light,
.table-light,
.list-group-item-light,
.alert-light,
.badge-light,
.border,
.border-top,
.border-bottom,
.border-start,
.border-end,
.border-left,
.border-right{
  background-color:transparent !important;
  border-color:rgba(241,199,91,.14) !important;
  color:var(--ck-text) !important;
}
.text-dark,
.text-black,
.text-body,
.text-secondary{
  color:var(--ck-text) !important;
}
hr,.dropdown-divider{border-color:rgba(241,199,91,.12) !important;opacity:1 !important;}

/* Auth / generic bootstrap cards */
.container .card,
.container-fluid .card,
.auth-card,
.login-card{
  border-radius:24px !important;
}

/* Legacy + legal page warm shift */
.vx-legacy-hero .vx-title,
.pb-legal h1,
.pb-legal-cardtitle,
.pb-prof-value,
.pb-prof-sectiontitle,
.pb-lb h2,
.pb-lb-sectiontitle,
.pb-lb-merank,
.pb-lb-podium-score{
  color:#fff4d4 !important;
}
.vx-legacy-hero .vx-sub,
.pb-legal p,
.pb-prof-sub,
.pb-prof-sidecopy,
.pb-prof-note,
.pb-lb-sectionsub,
.pb-lb-mecopy,
.pb-lb-podium-sub,
.pb-lb-empty{
  color:var(--ck-text-muted) !important;
}
.vx-legacy-hero .vx-links a,
.pb-prof-progress,
.pb-lb-goal,
.pb-lb-pressure-item,
.pb-lb-focuscard,
.pb-lb-podium-card,
.pb-prof-stat,
.pb-prof-pass-item,
.pb-prof-pass-note,
.pb-prof-minicard,
.pb-prof-sidecard{
  border-color:rgba(241,199,91,.16) !important;
  background:linear-gradient(180deg, rgba(33,21,11,.78), rgba(16,12,8,.92)) !important;
  color:var(--ck-text) !important;
}
.pb-prof-btn--gold,
.gf-nav-btn.tone-season{
  background:linear-gradient(180deg, rgba(87,59,13,.98), rgba(37,24,8,.99)) !important;
  border-color:rgba(255,218,118,.42) !important;
  color:#fff5db !important;
}

/* Header/footer harmony */
#site-menu-h .ck-pill,
#site-menu .gf-bal-pill,
#site-menu .gf-nav-btn,
.gf-footer-badge,
.gf-footer-link{
  border-color:rgba(241,199,91,.18) !important;
}
#site-menu-h .ck-pill,
#site-menu .gf-bal-pill,
.gf-footer-badge,
#site-menu .gf-nav-btn.is-utility{
  background:linear-gradient(180deg, rgba(50,33,14,.72), rgba(21,15,10,.92)) !important;
  color:var(--ck-text) !important;
}
#site-menu .gf-nav-btn.tone-drop,
#site-menu .gf-nav-btn.tone-dashboard,
#site-menu .gf-nav-btn.tone-collection,
#site-menu .gf-nav-btn.tone-rewards,
#site-menu .gf-nav-btn.tone-economy{
  background:linear-gradient(180deg, rgba(56,37,15,.78), rgba(24,16,10,.94)) !important;
}
#site-menu .gf-nav-btn.is-active,
#site-menu .gf-nav-btn.live.is-live{
  background:linear-gradient(135deg, rgba(255,118,0,.99), rgba(201,77,0,.99)) !important;
  border-color:rgba(255,214,118,.48) !important;
  color:#fff9ee !important;
}
#site-menu .gf-top-dot,
#site-menu-h .ck-pillDot,
.gf-liveDot{
  background:linear-gradient(180deg, var(--ck-gold), var(--ck-orange)) !important;
  box-shadow:0 0 0 4px rgba(255,138,42,.14) !important;
}

/* Dock */
.vx-dock .vx-dock-btn,
.vx-dock__cta,
.vx-dock__grid{
  border-color:rgba(241,199,91,.18) !important;
}
.vx-dock .vx-dock-btn{
  background:linear-gradient(180deg, rgba(56,37,15,.76), rgba(21,15,10,.92)) !important;
  color:var(--ck-text) !important;
}
.vx-dock .vx-dock-btn:hover,
.vx-dock .vx-dock-btn.is-active,
.vx-dock .vx-dock-btn.is-primary,
.vx-dock__cta{
  background:linear-gradient(135deg, rgba(255,118,0,.99), rgba(201,77,0,.99)) !important;
  border-color:rgba(255,214,118,.48) !important;
  color:#fff9ed !important;
}
.vx-dock__ctaSub{color:rgba(255,242,205,.84) !important;}

/* Inline old white admin blocks */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:#f8f9fa"],
[style*="background: #f8f9fa"]{
  background:linear-gradient(180deg, rgba(21,15,11,.98), rgba(12,10,8,.99)) !important;
  color:var(--ck-text) !important;
  border-color:rgba(241,199,91,.16) !important;
}
[style*="color:#111827"],
[style*="color: #111827"],
[style*="color:#000"],
[style*="color: #000"]{
  color:var(--ck-text) !important;
}

/* Scrollbars */
*{scrollbar-color:rgba(241,199,91,.48) rgba(255,255,255,.03);}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(255,138,42,.78), rgba(241,199,91,.72));border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(255,152,58,.88), rgba(255,220,121,.82));}

@media (max-width: 768px){
  .pb-legal,.pb-prof,.pb-lb{padding-left:12px !important;padding-right:12px !important;}
  .card,.modal-content,.pb-legal-card,.pb-prof-card,.pb-lb-card{border-radius:20px !important;}
}


/* Vivid orange pass */
#site-menu .gf-balance-card.is-tokens,
#site-menu .gf-nav-btn.tone-drop,
#site-menu .gf-nav-btn.tone-dashboard,
#site-menu .gf-nav-btn.tone-collection,
.vx-dock .vx-dock-btn.is-active,
.vx-dock .vx-dock-btn.is-primary,
.vx-dock__cta,
.btn-primary,
a.btn-primary,
.btn-success{
  box-shadow:0 18px 34px rgba(126,45,0,.28), inset 0 1px 0 rgba(255,244,219,.18) !important;
}

#site-menu .gf-hud-shell,
#site-menu-h .ck-heroHeader,
.gf-footer-card,
.vx-card,
.gf-card{
  box-shadow:0 24px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,118,0,.04) !important;
}
