:root {
  --name: PROCESIO CLI Skill Portfolio;
  --version: 1.0.0;
  --description: Public static five-skill capability showcase with explicit evidence limits.;
  --colors-primary: #183C36;
  --colors-secondary: #52625B;
  --colors-tertiary: #A33C22;
  --colors-neutral: #F5F2E9;
  --colors-surface: #FFFEF9;
  --colors-on-surface: #192B25;
  --colors-muted: #D8DFD4;
  --colors-success: #225C46;
  --colors-warning: #924121;
  --colors-error: #A52D2D;
  --typography-display-font-family: Georgia, "DejaVu Serif", serif;
  --typography-display-font-size: 72px;
  --typography-display-font-weight: 400;
  --typography-display-line-height: 1.05;
  --typography-body-font-family: "Trebuchet MS", "DejaVu Sans", sans-serif;
  --typography-body-font-size: 16px;
  --typography-body-font-weight: 400;
  --typography-body-line-height: 1.6;
  --typography-mono-font-family: "DejaVu Sans Mono", monospace;
  --typography-mono-font-size: 12px;
  --typography-mono-font-weight: 400;
  --typography-mono-line-height: 1.5;
  --rounded-sm: 4px;
  --rounded-md: 12px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-2xl: 64px;
  --motion-reduced-motion: prefer-static;
}

/* Component helpers generated from DESIGN.md component tokens. */
.ds-button {
  background: #183C36;
  color: #FFFEF9;
  border-radius: 4px;
  padding: 16px;
}
.ds-panel {
  background: #FFFEF9;
  color: #192B25;
  border-radius: 12px;
  padding: 24px;
}