/* ONTALA_DYNAMIC_THEME_SYSTEM_V3 */

:root{
  --ot-base:var(--bb-bg1,#061A3B);
  --ot-accent:var(--bb-bg2,#0B78FF);
  --ot-header:var(--bb-header,#061A3B);
  --ot-card:var(--bb-card,#ffffff);
  --ot-text:var(--bb-card-text,#06152b);
}

html{
  background:var(--ot-base) !important;
}

body.bb-body{
  min-height:100vh !important;
  color:var(--ot-text) !important;
  background-color:var(--ot-base) !important;
  background-image:
    radial-gradient(950px 560px at 0% -12%, color-mix(in srgb,var(--ot-accent) 28%,transparent), transparent 66%),
    radial-gradient(720px 460px at 100% 100%, color-mix(in srgb,var(--ot-accent) 18%,transparent), transparent 74%),
    linear-gradient(
      135deg,
      var(--ot-base) 0%,
      color-mix(in srgb,var(--ot-base) 91%,var(--ot-accent)) 62%,
      color-mix(in srgb,var(--ot-base) 84%,var(--ot-accent)) 100%
    ) !important;
}

.bb-wrap{
  background:transparent !important;
}

.bb-header{
  background:var(--ot-header) !important;
  border-color:color-mix(in srgb,var(--ot-accent) 72%,#fff) !important;
}

.bb-slogan,
.bb-card{
  background:var(--ot-card) !important;
  color:var(--ot-text) !important;
  border-color:color-mix(in srgb,var(--ot-accent) 68%,#fff) !important;
}

.bb-card-title,
.bb-card small,
.bb-rate-row span{
  color:var(--ot-text) !important;
}

.bb-rate-row{
  border-color:color-mix(in srgb,var(--ot-text) 13%,var(--ot-card)) !important;
}

.bb-rate-row.green strong{
  color:color-mix(in srgb,#079943 76%,var(--ot-accent)) !important;
}

.bb-rate-row.red strong{
  color:color-mix(in srgb,#ed3f43 78%,var(--ot-accent)) !important;
}

.bb-rate-row.purple strong{
  color:color-mix(in srgb,#7044ff 78%,var(--ot-accent)) !important;
}

.bb-footer{
  background:color-mix(in srgb,var(--ot-header) 92%,#000) !important;
  color:var(--ot-card) !important;
}

.bb-footer a,
.bb-footer span{
  color:inherit !important;
}

.ontala-profile-cta,
.ontala-weekly-chart,
.ontala-profile-modal-box{
  background:var(--ot-card) !important;
  color:var(--ot-text) !important;
  border-color:color-mix(in srgb,var(--ot-accent) 42%,var(--ot-card)) !important;
}

.ontala-profile-open,
.ontala-profile-avatar{
  background:var(--ot-accent) !important;
  color:#fff !important;
}

.ontala-profile-close{
  background:color-mix(in srgb,var(--ot-card) 80%,var(--ot-accent)) !important;
  color:var(--ot-text) !important;
}

.ontala-profile-modal-card{
  background:color-mix(in srgb,var(--ot-card) 92%,var(--ot-accent)) !important;
  border-color:color-mix(in srgb,var(--ot-text) 12%,var(--ot-card)) !important;
}

.ontala-profile-modal-card h3,
.ontala-chart-head h2,
.ontala-chart-stat b{
  color:var(--ot-base) !important;
}

.ontala-profile-modal-card p,
.ontala-profile-modal-head p,
.ontala-chart-head p,
.ontala-chart-footer,
.ontala-chart-status{
  color:color-mix(in srgb,var(--ot-text) 67%,var(--ot-card)) !important;
}

.ontala-profile-contacts a,
.ontala-profile-contacts span,
.ontala-chart-stat{
  background:color-mix(in srgb,var(--ot-card) 84%,var(--ot-accent)) !important;
  color:var(--ot-text) !important;
}

.ontala-chart-canvas-wrap{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--ot-card) 80%,var(--ot-accent)),
      var(--ot-card)
    ) !important;
}