/* Shared website palette, matched to the local product homepage. */
:root{
  --warm-page:#fdfcf9;
  --warm-panel:#f7f4ef;
  --warm-soft:#f3efe9;
  --warm-selected:#e9e2d8;
  --warm-line:#e5dfd7;
  --warm-ink:#282624;
  --warm-muted:#746f69;
  --warm-accent:#786451;
  --warm-button:#292725;
  --warm-hover:#45403a;
  --warm-focus:#ac9480;
  --ink:var(--warm-ink);
  --muted:var(--warm-muted);
  --line:var(--warm-line);
  --panel:var(--warm-panel);
  --accent:var(--warm-accent);
  --accent2:var(--warm-accent);
}
body{background:var(--warm-page)}
.site-header{background:rgba(253,252,249,.96)}
.site-footer{background:var(--warm-soft)}
.design-tabs button[aria-selected=true],.demo-tour .demo-step-list button[aria-selected=true]{background:var(--warm-selected);border-color:#d6cabb;color:#40352a;box-shadow:none}
.design-tabs button:hover{background:var(--warm-soft);color:#40352a}
.button.primary,.demo-controls [data-demo-next]{background:var(--warm-button);border-color:var(--warm-button);color:#fff}
.button.primary:hover,.demo-controls [data-demo-next]:hover{background:var(--warm-hover);color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--warm-focus)}
.card:hover{border-color:#cdbba8;box-shadow:0 10px 34px #63534412}
.docs-callout .button.primary{background:#fff;color:var(--warm-ink);border-color:#fff}
.docs-callout .button.primary:hover{background:var(--warm-selected)}