:root {
  --pa-primary: #2e7d32;
  --pa-primary-hover: #256628;
  --pa-primary-soft: #eaf5eb;

  --pa-background: #f4f6f8;
  --pa-surface: #ffffff;
  --pa-surface-muted: #f8fafc;

  --pa-text: #18211a;
  --pa-text-secondary: #667085;
  --pa-text-muted: #98a2b3;

  --pa-border: #dfe5e1;
  --pa-border-strong: #c7d0ca;

  --pa-danger: #c62828;
  --pa-danger-soft: #fcebea;

  --pa-shadow: 0 2px 10px rgba(24, 33, 26, 0.06);

  --pa-radius-small: 8px;
  --pa-radius-medium: 12px;
  --pa-radius-large: 16px;

  --pa-page-width: 720px;

  --pa-group-primary: #2f6f3e;
  --pa-group-primary-hover: #285f35;
  --pa-group-primary-text: #ffffff;

  --pa-group-secondary: #dfeee2;
  --pa-group-secondary-hover: #d2e6d6;
  --pa-group-secondary-text: #285f35;

  
}