/* Design values the dashboard was written against. Inside Claude these came from Claude's own page;
   outside it, Rooftop supplies the same names here so the dashboard keeps its look. */
:root {
  --font-anthropic-sans: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-anthropic-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --cds-font-size-caption: 12px;
  --cds-font-size-body: 14px;
  --cds-font-size-heading: 18px;
  --cds-font-size-title: 24px;
  --cds-font-weight-medium: 500;
  --cds-pad-xs: 4px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 12px;
  --cds-pad-lg: 16px;
  --cds-pad-xl: 24px;
  --cds-gap-xs: 4px;
  --cds-gap-sm: 8px;
  --cds-gap-md: 12px;
  --cds-gap-lg: 16px;
  --cds-radius: 8px;
  --cds-dur-slow: 300ms;
}