/**
 * PolicyEngine design tokens for static Quarto paper pages.
 * Mirrored from the PolicyBench paper scaffold.
 */
:root {
  --pe-color-primary-50: #E6FFFA;
  --pe-color-primary-100: #B2F5EA;
  --pe-color-primary-200: #81E6D9;
  --pe-color-primary-300: #4FD1C5;
  --pe-color-primary-400: #38B2AC;
  --pe-color-primary-500: #319795;
  --pe-color-primary-600: #2C7A7B;
  --pe-color-primary-700: #285E61;
  --pe-color-primary-800: #234E52;
  --pe-color-primary-900: #1D4044;

  --pe-color-gray-50: #F9FAFB;
  --pe-color-gray-100: #F2F4F7;
  --pe-color-gray-200: #E2E8F0;
  --pe-color-gray-300: #D1D5DB;
  --pe-color-gray-400: #9CA3AF;
  --pe-color-gray-500: #6B7280;
  --pe-color-gray-600: #4B5563;
  --pe-color-gray-700: #344054;
  --pe-color-gray-800: #1F2937;
  --pe-color-gray-900: #101828;

  --pe-color-bg-primary: #FFFFFF;
  --pe-color-bg-secondary: #F5F9FF;
  --pe-color-bg-tertiary: #F1F5F9;

  --pe-color-text-primary: #000000;
  --pe-color-text-secondary: #5A5A5A;
  --pe-color-text-tertiary: #9CA3AF;
  --pe-color-text-link: #2C7A7B;
  --pe-color-text-linkHover: #285E61;

  --pe-color-border-light: #E2E8F0;
  --pe-color-border-medium: #CBD5E1;

  --pe-font-family-primary: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --pe-font-family-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --pe-font-family-prose: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --pe-font-family-mono: JetBrains Mono, "Fira Code", Consolas, monospace;

  --pe-font-size-xs: 12px;
  --pe-font-size-sm: 14px;
  --pe-font-size-base: 16px;
  --pe-font-size-lg: 18px;
  --pe-font-size-xl: 20px;

  --pe-font-weight-medium: 500;
  --pe-font-weight-semibold: 600;
  --pe-font-weight-bold: 700;
  --pe-font-weight-extrabold: 800;

  --pe-line-height-tight: 1.25;
  --pe-line-height-relaxed: 1.625;

  --pe-space-sm: 8px;
  --pe-space-md: 12px;
  --pe-space-lg: 16px;
  --pe-space-xl: 20px;
  --pe-space-2xl: 24px;
  --pe-space-3xl: 32px;
  --pe-space-4xl: 48px;
  --pe-space-5xl: 64px;

  --pe-radius-chip: 2px;
  --pe-radius-element: 4px;
  --pe-radius-container: 8px;
  --pe-radius-feature: 12px;
}