/**
 * Design tokens currently consumed by the theme.
 * Add new tokens when a real component needs them so this remains an
 * accurate inventory rather than a speculative scale.
 */

:root {
  /* Brand palette */
  --color-primary-cream: #f2ead5;
  --color-primary-sand: #e5dcbb;
  --color-primary-olive: #b0b37e;
  --color-primary-olive-dark: #60633a;
  --color-primary-olive-hover: #4f522f;

  /* Text and links */
  --color-text-primary: #212121;
  --color-text-secondary: #343434;
  --color-article-text: #363737;
  --color-link: var(--color-primary-olive-dark);
  --color-link-hover: var(--color-primary-olive-hover);
  --color-author: var(--color-primary-olive-dark);

  /* Surfaces and borders */
  --color-bg-light: #f0f0f0;
  --color-bg-footer: #e9e9e9;
  --color-border-light: #ddd;
  --border-width: 1px;
  --border-radius-full: 50%;

  /* Typography */
  --font-primary: 'Lato', Helvetica, sans-serif;
  --font-article: 'Spectral', serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-article-heading: 'SF Pro Display', -apple-system-headline, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-size-base: 14px;
  --font-size-article-desktop: 19px;
  --font-size-article-mobile: 17px;
  --line-height-article: 1.6;
  --article-content-width: 728px;
  --space-article-paragraph: 20px;

  /* Layout and motion */
  --container-width: 1100px;
  --space-lg: 20px;
  --transition-fast: 0.2s ease;
  --transition-slow: 0.6s ease;
  --z-modal: 999;
}