:root {
  /* Primary */
  --color-primary: #C7F33C;
  --color-primary-dark: #B3D91F;
  --color-primary-bg: #E1F2AE;
  --color-primary-text: #7B9D1B;

  /* Surfaces */
  --color-surface-1: #F9FAFB;
  --color-surface-2: #F3F4F6;
  --color-white: #FFFFFF;

  /* Text */
  --color-text-primary: #1F2937;
  --color-text-secondary: #6B7280;
  --color-text-muted: #9CA3AF;

  /* Borders */
  --color-border: #E5E7EB;
  --color-border-strong: #D1D5DB;

  /* Semantic — Success */
  --color-success: #10B981;
  --color-success-bg: #ECFDF5;
  --color-success-text: #065F46;

  /* Semantic — Error */
  --color-error: #EF4444;
  --color-error-bg: #FEF2F2;
  --color-error-text: #991B1B;
  --color-error-border: #FCA5A5;

  /* Semantic — Warning */
  --color-warning: #F59E0B;
  --color-warning-bg: #FFFBEB;
  --color-warning-text: #B45309;

  /* Semantic — Info */
  --color-info: #3B82F6;
  --color-info-bg: #EFF6FF;
  --color-info-text: #1D4ED8;
}