:root{
  --gold:#E1BA60;
  --gold-rgb:225,186,96;
  --bronze:#B07515;
  --bronze-rgb:176,117,21;
  --bg:#08090D;
  --bg-rgb:8,9,13;
  --bg2:#0D1016;
  --panel:#11151D;
  --panel-rgb:17,21,29;
  --panel2:#161B25;
  --line:#242C39;
  --text:#F7F8FB;
  --muted:#98A2B3;
  --green:#61D095;
  --red:#FF7878;
  --gold-soft:color-mix(in srgb,var(--gold) 62%,white);
  --gold-pale:color-mix(in srgb,var(--gold) 34%,white);
  --gold-deep:color-mix(in srgb,var(--bronze) 82%,black);
  --muted2:color-mix(in srgb,var(--muted) 68%,var(--bg));
  --teal:#66D9C8;
  --on-accent:#17120A;
  --shadow:0 30px 100px rgba(0,0,0,.38);
}
html[data-theme="light"]{
  color-scheme:light;
  --gold:#98610B;
  --gold-rgb:152,97,11;
  --bronze:#754500;
  --bronze-rgb:117,69,0;
  --bg:#F7F8FB;
  --bg-rgb:247,248,251;
  --bg2:#EEF1F5;
  --panel:#FFFFFF;
  --panel-rgb:255,255,255;
  --panel2:#F2F4F7;
  --line:#D5DAE3;
  --text:#151922;
  --muted:#596579;
  --green:#18794E;
  --red:#B42318;
  --gold-soft:color-mix(in srgb,var(--gold) 72%,white);
  --gold-pale:color-mix(in srgb,var(--gold) 18%,white);
  --gold-deep:color-mix(in srgb,var(--bronze) 88%,black);
  --muted2:color-mix(in srgb,var(--muted) 76%,var(--bg));
  --teal:#087E75;
  --on-accent:#FFFFFF;
  --shadow:0 24px 70px rgba(21,25,34,.12);
}
.site-header{background:color-mix(in srgb,var(--bg) 82%,transparent)}
.btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 76%,white),var(--gold) 54%,var(--bronze));border-color:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--bronze) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-primary:hover{box-shadow:0 16px 35px color-mix(in srgb,var(--bronze) 30%,transparent)}
.brand-mark span,.wave span,.sim-mini-wave span{background:linear-gradient(var(--gold-soft),var(--bronze))}
body,.app-main{background-color:var(--bg);color:var(--text)}
.app-sidebar{background:color-mix(in srgb,var(--bg2) 94%,black)}
.panel,.metric-card,.quick-card,.price-card,.checkout-plan-card,.checkout-payment-card{border-color:var(--line)}
.form-control,.select-control{border-color:var(--line);color:var(--text)}
html[data-theme="light"] .app-sidebar{background:color-mix(in srgb,var(--bg2) 88%,white)}
.palette-swatch-light-primary{background:#98610B}
.palette-swatch-light-secondary{background:#754500}
.palette-swatch-light-background{background:#F7F8FB}
.palette-swatch-light-surface{background:#FFFFFF}
.palette-swatch-light-text{background:#151922}