/* Design tokens that the Claude dashboard runtime normally supplies. */
:root{
  --font-anthropic-sans: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-anthropic-serif: Georgia,"Times New Roman",serif;
  --cds-font-size-caption:13px; --cds-font-size-body:15px; --cds-font-size-heading:18px; --cds-font-size-title:30px;
  --cds-font-weight-medium:600;
  --cds-gap-sm:8px; --cds-gap-md:12px; --cds-gap-lg:16px; --cds-gap-xl:40px;
  --cds-pad-md:10px; --cds-pad-lg:18px; --cds-radius:10px;
  --color-bg:#faf9f5; --color-fg:#141413; --color-fg-muted:#5e5d59;
  --color-panel:#ffffff; --color-border-line:#e6e4dc; --color-warn:#eda100;
  --cds-text-secondary:#6b6a65; --cds-chart-axis:#c9c7bd; --cds-chart-muted:#b9b8af;
  --cds-surface-popover:#ffffff; --cds-border:#dad8cf; --cds-shadow-popover:0 4px 16px rgba(0,0,0,.12);
}
@media (prefers-color-scheme: dark){
  :root{
    --color-bg:#1f1e1d; --color-fg:#f0eee6; --color-fg-muted:#a8a69e;
    --color-panel:#2a2927; --color-border-line:#3d3c39; --color-warn:#c98500;
    --cds-text-secondary:#a19f97; --cds-chart-axis:#55544f; --cds-chart-muted:#6f6d67;
    --cds-surface-popover:#30302e; --cds-border:#4a4945; --cds-shadow-popover:0 4px 16px rgba(0,0,0,.5);
  }
}
html{background:var(--color-bg);color:var(--color-fg)}
body{margin:0;font-family:var(--font-anthropic-sans);font-size:var(--cds-font-size-body)}
#dash-root{padding:32px 20px 64px;max-width:1000px;margin:0 auto}
.dash-select{font:inherit;color:var(--color-fg);background:var(--color-panel);border:1px solid var(--cds-border);border-radius:6px;padding:4px 8px}