:root {
  color-scheme: light;

  --agate-rose: #d76572;
  --agate-berry: #b0436a;
  --agate-magenta: #d94f9d;
  --agate-cream: #f7efe6;
  --agate-blush: #f2e3de;
  --agate-plum: #4a2c35;
  --agate-muted: #7a5560;
  --agate-border: #e6b8bf;
  --agate-ink: #2b151d;
  --agate-red-dark: #8e2f50;
  --agate-red-light: #efc8c7;

  --color-page: var(--agate-blush);
  --color-surface: #fffaf6;
  --color-surface-soft: var(--agate-red-light);
  --color-text: var(--agate-ink);
  --color-text-muted: var(--agate-muted);
  --color-action: var(--agate-berry);
  --color-action-hover: var(--agate-red-dark);
  --color-link: var(--agate-red-dark);
  --color-link-hover: var(--agate-ink);
  --color-accent: var(--agate-magenta);
  --color-accent-soft: var(--agate-red-light);
  --color-highlight: var(--agate-rose);
  --color-border: var(--agate-berry);
  --color-border-strong: var(--agate-ink);
  --color-code: #3f2730;
  --color-code-surface: var(--agate-cream);
  --color-white: #ffffff;
  --color-header: var(--agate-berry);
  --color-on-red: var(--agate-cream);
  --color-on-red-muted: var(--agate-cream);
  --color-code-attribute: #9b3f78;
  --color-code-value: #8b4d21;
  --color-text-on-dark-muted: var(--color-on-red-muted);
  --color-category-warm: #f4d8d4;
  --color-category-plum: #ead8df;

  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1.05rem, 0.98rem + 0.32vw, 1.25rem);
  --text-xl: clamp(1.4rem, 1.18rem + 0.9vw, 2rem);
  --text-2xl: clamp(2.2rem, 1.65rem + 2.5vw, 4.6rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --rule-thin: 1px;
  --rule-medium: 2px;
  --rule-heavy: 4px;

  --line-tight: 1.08;
  --line-copy: 1.65;
  --measure: 68ch;
  --site-width: 76rem;
  --header-height: 4.5rem;
}
