/* obvious theme: Specimen — For Eye for Type. Cool proof paper and black ink, with a proofreader's red for marks and blue for the answer. Source Serif for the type you're judging, Source Sans for everything around it.
 * Generated by obvious v0.1.0. Do not edit by hand:
 * change src/ and re-run `npm run build`.
 */

:root {
  --ds-radius-base: 10px;
  --ds-density: 1;
  --ds-font-display: 'Source Serif 4', Georgia, serif;
  --ds-font-sans: 'Source Sans 3', system-ui, sans-serif;
  --ds-font-mono: 'Source Sans 3', system-ui, sans-serif;
  --ds-font-script: 'Source Serif 4', Georgia, serif;
  --ds-color-bg: #E8E9E5;
  --ds-color-bg-alt: #DEDFDA;
  --ds-color-surface: #FAFAF8;
  --ds-color-surface-raised: #FFFFFF;
  --ds-color-surface-hover: rgba(17, 18, 16, 0.04);
  --ds-color-border-subtle: rgba(17, 18, 16, 0.07);
  --ds-color-border: rgba(17, 18, 16, 0.14);
  --ds-color-border-strong: rgba(17, 18, 16, 0.26);
  --ds-color-text: #121310;
  --ds-color-text-dim: #3E403B;
  --ds-color-text-muted: #62655E;
  --ds-color-text-inverse: #FAFAF8;
  --ds-color-accent: #C23A1E;
  --ds-color-accent-hover: #A82F16;
  --ds-color-accent-contrast: #FFFFFF;
  --ds-color-accent-alt: #1D6FD0;
  --ds-color-accent-gradient: linear-gradient(135deg, #C23A1E 0%, #A82F16 100%);
  --ds-color-success: #2F8A5B;
  --ds-color-warning: #B7791F;
  --ds-color-danger: #C23A1E;
  --ds-color-info: #1D6FD0;
  --ds-color-shadow-color: rgba(18, 19, 16, 0.14);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.7);
  --ds-color-selection-bg: #1D6FD0;
  --ds-color-selection-text: #FFFFFF;
}